pashka_r: 6 принципов вёрстки
Эти рассуждения были навеяны постом akella про оценку качества вёрстки. Прочитав этот пост и немалое количество комментариев к нему, решил составить список (аля "10 правил чего-то там" — говоряттакие заголовки — это очень хорошо и помогают блогу "раскрутиться") критериев, которыми руководствуюсь я при вёрстке страниц.
Стоит также заметить, что HTML+CSS, также как и программирование под веб, для меня является чем-то вроде хобби — т.е. "мега" проектов я (пока?) не реализовывал. Может поэтому все мои работы в этой отрасли удовлетворяли почти всем этим критериям.
Итак, шесть простых принципов в HTML-вёрстке, которыми я руководствуюсь:
1. Семантика и "лёгкость" кода
Я стараюсь делать код семантически не перегруженным. Я предпочитаю простоту и изящность как в коде так и в дизайне. Мне интересно пробовать реализовать идею дизайнера без использования лишних сущностей. Понятное дело, что не всегда это получается и даже на CSS Zen Garden есть несколько div'ов специально зарезервированных для реализации фантазий дизайнеров, но мне кажется, что такие вещи должны скорее быть исключениями, нежели правилами.
2. Стандарты
Я человек, который старается блюсти стандарты. Особенно это касается моей профессиональной деятельности. В связи с этим я пытаюсь достичь максимально валидного кода — по крайней мере стараюсь не допускать ошибок валидации. Что самое интересное — это смотря на ошибки и предупреждения на многих сайтах (спасибо Firefox + Html Validator) я делаю вывод, что большинство из них было допущено из-за лени разработчиков, хотя отчасти эта вина самого HTML.
3. Работоспособность с отключёнными CSS и Javascript
Это один из немаловажных принципов. И дело тут не только в том, чтобы сделать возможным пользование сайтом браузерами типа lynx. Самая главная причина — это сделать сайт доступный людям с ограниченными возможностями.
4. Accessibility
Очень много сайтов, имхо, абсолютно не пригодны к посещениям, например, слепыми пользователями. А сделать их жизнь в Интернет немного легче не так уж и сложно — грамотно расставить блоки, подписать картинки и ссылки — я думаю это наименьшее, что должен предусмотреть каждый профессиональный верстальщик и программист. Кстати, в последнее время я задумываюсь поставить какой-нибудь браузер для слепых, чтобы смотреть как они это "видят".
5. Кросс-браузерность
Верстаю под "лисой", но вёрстка проверяется под IE, Opera, Safari Win... Иногда пробую lynx :) (Не всегда, правда, получается добиться попиксельного совпадения в IE — но "перекосов" нет).
6. Технологии
Мне нравятся и я поддерживаю тот путь, по которому развивается веба. Я стараюсь и буду стараться придерживаться его и внедрять в код такие вещи как, например, microformats.
P.S.
Конечно я реалист и я понимаю, что далеко не всегда возможно беспрекословно следовать всем правилам и инструкциям, но моё мнение таково, что каждый профессионал должен любить то, чем занимается и делать своё дело должным образом. Я также верю в то, что время "дубового" Интернет уходит, а взамен приходит Интернет "качественный", сделанный профессионалами, который любят своё дело ;)
X-post из The worst blog ever
pashka-r.habrahabr.ru
- Web-разработка: Анти-IE Я думаю, эти строки ударят по сердцу каждого, кто пробовал когда-либо заниматься версткой, и знает, что такое «кроссбраузерность». Для тех, кто знаком с темой меньше, представлена следующая часть текста. Доля Internet Explorer на рынке браузеров составляет порядка 80%, притом еще год назад она была на уровне 90%. Это — самый популярный браузер. Почему? Он самый удобный? Большинство тех, кто когда-либо использовал другие браузеры, так не считают. Он самый безопасный? Информационные IT-агентства
- arestov: Тест производительности Opera 9.5 alpha Новая Opera 9.5 alpha, которая была выпущена во вторник получила множество хороших отзывов, во многих из них упоминалось об увеличение быстродействия и производительности. Так действительно ли Opera 9.5 быстрее Opera 9.23, Firefox, Safari, и Internet Explorer? Что же, спасибо NonTroppo- мы имеем первый независимый тест для Opera 9.5 alpha (кодовое имя Kestrel) сравнивающий Opera с другими браузерами. Тест производительности направлен на тестирование задач связанных с новым JavaScript
- Web-разработка: Взгляд изнутри: KHTML vs. Gecko vs. Trident vs. Presto Примечание: ниже расположен перевод статьи "KHTML vs. Gecko vs. Trident vs. Presto: Behind the Browser", в которой рассматриваются основные движки браузеров, история их возникновения и развития, а также некоторые философские вопросы, с ними связанные. В основном, речь идет о KHTML, WebKit и Gecko.Когда пользователи сети кликают на иконку, чтобы запустить свой любимый браузер, только самые продвинутые из них понимают, на каком именно движке он работает. Для обычного пользователя нет никакого раз
- Чистый интернет Автор: Александр КлименковОпубликовано 12 июля 2007 годаСейчас понятия World Wide Web и интернет являются практически синонимами. И тем, кто начал пользоваться Сетью в последние годы, невдомек, зачем перед адресом писать замысловатую строку "http://". Многие ее и не пишут, а сразу набирают адрес - и все работает. Я и сам так делаю, но помню времена, когда большая часть информации в Сети была текстовой, а картинки использовались только по делу и очень умеренно. Ни о каких flash-роликах, потоково
- Веб-стандарты: 55 причин использовать XHTML-CSS при создании сайтов Перевод статьи «55 Reasons to Design in XHTML-CSS».В случайном порядке здесь представлены мои 55 причин создавать только бестабличные сайты, используя валидный XHTML для разметки, CSS для форматирования и Flash только в качестве уместной вставки. Под бестабличностью я понимаю избегание форматирования контента таблицами (или «супом» из заменяющих таблицы div-ов) и нацеленность на как можно более семантичную разметку. Некоторый из перечисленных причин объясняют, «почему не использовать простой