Alt+N
Новость...

Просветите нас
Правила хорошей заметки для Дизайн-собаки

РСС

Сервис, позволяющий изобразить разметку веб-страницы в виде графа:
http://www.aharef.info/static/htmlgraph/

Положительный отзыв от Тафти и обсуждение на его форуме:
http://www.edwardtufte.com/…-and-a-fetch-msg?msg_id=0002HW

Примеры:


apple.com


табличный yahoo.com


google.com

Легенда:
cиний — a
красный — table, tr и td
зеленый — div
фиолетовый — img
желтый — формы и их содержание
оранжевый — br, p, blockquote
черный — корневой html
серый — остальные теги

твитнуть 

Комментарии

Евгений Виноградов
25 декабря 2011

«Вольфрам-Альфа» похожие вещи делает: http://www.wolframalpha.com/…/?i=google.com

Сергей Кондауров
5 января 2012

Эх! Жаль, что для документирования структуры всего сайта такой штуки нет. Это бы заметно простило переделку крупных проектов :)

Ваш комментарий
адрес не будет опубликован
Комментарий
Ссылки на картинки в тексте автоматически превратятся в иллюстрации




© 2017

Дизайн-бюро
Артёма Горбунова

Пишите: mail@artgorbunov.ru