Наконец и до меня дошла эстафета, старт которой дал Никита Селицкий. Откровенно говоря, думал, что мне она раньше перейдет и я ее не выпрошу. =) В общем, меньше воды. Денис, спасибо за эстафету, приступим.

Я решил не давать какие-то практические советы из серии маленького мастер-класса. Я хочу дать общие советы, которые помогут вам поднять свой уровень работы, если вы все еще их не придерживаетесь.

  1. Приступая к работе над новым макетом обязательно изучите его внимательно, разбейте его на блоки, выясните, какие блоки повторяются на разных страницах, в чем может быть у них отличие? Это позволит вам заранее избежать необходимости вероятного рефакторинга вашего кода в случае непредусмотренных моментов, которые могут потом выясниться. На эту тему я вам советую почитать Виталия Харисова.
  2. Выработайте свой code style и четко придерживайтесь ему. Никогда не поддавайтесь надежде, что вот завтра я приведу код в порядок. Здесь я не говорю о невалидных конструкциях, здесь речь идет о прилежании в написании в частности CSS-кода. Буквально завтра я опубликую “Кодекс верстальщика”, который мы выработали в нашей компании.
  3. В качестве кодировки файлов макетов я советую избрать UTF. Это поможет избежать проблем в многоязычных сайтах что называется в зародыше. Обязательно выбирайте UTF без BOM, это позволит избежать проблем в Internet Explorer.
  4. Учитесь грамотно оптимизировать графику в процессе “нарезки” макета. Выясните для себя особенности графических форматов GIF, PNG, JPG и применяйте в каждом конкретном случае тот, который будет наиболее уместен в конкретной задаче. Пользователи будущего ресурса будут вам благодарны.
  5. Скажите нет хакам и инлайновой фильтрации в общем файле стилей. Я советую в основном файле писать правила для Mozilla Firefox. Стили для Internet Explorer подключайте с помощью Conditional Comments, стили для Opera подключайте с помощью MIME type opera/css, стили для Safari подключайте с помощью особого media type screen and (-webkit-min-device-pixel-ratio:0). Хаки и инлайн фильтрация плохи тем, что рано или поздно первые перестанут работать по причине исправления парсера браузера, вторые по причине того, что в новой версии другой браузер, научившись разбирать новые селекторы, станет читать правила, не предназначенные для него.

Надеюсь, эти нехитрые советы помогут вам чуточку приблизиться к идеалу в своей работе. Эстафету я передаю Константину Ефимову, Ольге Алексашенко, Дмитрию Лялину, Павлу Коноплицкому, Николаю Мациевскому и Игорю Морозову.

Хочу напомнить правила эстафеты:

  1. Речь идёт о html/xhtml/css вёрстке.
  2. Передавать эстафету нужно другому блоггеру только в том случае, если вы уверены, что он действительно в этом разбирается.
  3. Не используйте в качестве советов элементарные правила html/xhtml/css.
  4. Особенно приветствуются хитрости исправляющие баги в IE без использования хаков.
  5. Мало рассказать о каком-либо баге. Нужно предложить решение.

Участники соревнований =) :

  1. Никита Селицкий
  2. Александр Исаков
  3. Юрий Дроздов
  4. Юрий Артюх
  5. Вадим Макеев
  6. Владимир Агафонкин
  7. Денис
  8. Максим Покровский
  9. Павел Корнилов
  10. Виталий Харисов
  11. Марат Таналин
  12. Волотко Дмитрий
  13. webmolot
  14. Александр Макаров
  15. alexilin.ru
  16. Волотко Дмитрий
  17. Павел Ловцевич
  18. Павел Коноплицкий
  19. Владимир
  20. Влад Мержевич
  21. Игорь Морозов
  22. Ольга Алексашенко
  23. Дмитрий Лялин
  24. Александр Шабуневич
  25. Константин Мельников

Также хочу попросить уважаемого читателя сообщить мне о других участниках эстафеты, которых я забыл упомянуть. Буду вам безмерно благодарен. =)