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
серый — остальные теги

2 комментария твитнуть  веб-дизайн, визуализация, графы, инфографика



© 2024

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

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