Начинаем кодинг!
Итак, дизайн готов – начинаем кодить. Поглубже вдохнули, распахнули ноутбуки и…
Открываем пустую страницу. Пока все идет хорошо? Тогда добавляем заголовки, пример наполнения, футер и навигацию. Окрестные принтеры и сканеры восстание не устроили? Отлично, добавляем разметку html и наконец CSS.
Многие советует перед началом работы сбрасывать стили по умолчанию, обнуляя все поля и отступы с самого начала работы над стилями, делая Global white space reset. Если этого не сделать, в различных браузерах могут «вылезти» несоответствия, иногда критичные.
Есть вещи, которые новички любят "плодить" во множестве, а профи предостерегают от этого. Так, эксперты советуют сводить к минимуму количество контейнеров, защищая от разрастания структуру документа: часто создание нового div`а можно запросто заменить некоторыми свойствами CSS. Также не следует множить количество свойств: не добавляйте его, если не уверены в крайней на то необходимости, если оно есть в разных местах (тогда вполне можно обойтись одним разом, сгруппировав соответствующие селекторы). Это же относится и к селекторам: необязательные следует исключить без всякого сожаления. Чем их меньше, тем проще потом исправлять проблемы в переназначениях стилей. Хаками вообще лучше не пользоваться или пользоваться крайне умеренно, причем только хорошо изученными и задокументированными.
Для ускорения разработки можно использовать константы. Если в коде они отсутствуют, один из обходных путей – использование в начале файла комментариев. Это позволит вычислить фиксированные значения, а затем, при помощи «поиска и замены» отловить их по всему документу.
Также очень полезно использовать систему имен (и для идентификаторов, и для классов), причем лучше всего семантические – при исправлении ошибок и обновлениях это экономит прорву времени. Но если документ большой, то разные, бессистемные имена приведут к путанице. В таких случаях можно применять parent_child. Кстати, имена, отражающие оформление, лучше исключить.
Длинные селекторы – друзья кодера, их лучше ставить по возможности повыше в иерархии. Это упрощает CSS и снижает риск div- или class-мании.
Кодировку стоит использовать универсальную, оптимальный вариант – основанная на Юникоде UTF-8. CSS поможет при работе с регистром, переписывая буквы в заглавные там, где это необходимо.
Выбирая шрифт, нужно учитывать возможность, что его не будет у пользователя, и определять альтернативу.