Начинаем кодинг!

Плюсануть
Поделиться
Класснуть

Итак, дизайн готов – начинаем кодить. Поглубже вдохнули, распахнули ноутбуки и…

Открываем пустую страницу. Пока все идет хорошо? Тогда добавляем заголовки, пример наполнения, футер и навигацию. Окрестные принтеры и сканеры восстание не устроили? Отлично, добавляем разметку html и наконец CSS.

Многие советует перед началом работы сбрасывать стили по умолчанию, обнуляя все поля и отступы с самого начала работы над стилями, делая Global white space reset. Если этого не сделать, в различных браузерах могут «вылезти» несоответствия, иногда критичные.

Есть вещи, которые новички любят "плодить" во множестве, а профи предостерегают от этого. Так, эксперты советуют сводить к минимуму количество контейнеров, защищая от разрастания структуру документа: часто создание нового div`а можно запросто заменить некоторыми свойствами CSS. Также не следует множить количество свойств: не добавляйте его, если не уверены в крайней на то необходимости, если оно есть в разных местах (тогда вполне можно обойтись одним разом, сгруппировав соответствующие селекторы). Это же относится и к селекторам: необязательные следует исключить без всякого сожаления. Чем их меньше, тем проще потом исправлять проблемы в переназначениях стилей. Хаками вообще лучше не пользоваться или пользоваться крайне умеренно, причем только хорошо изученными и задокументированными.

Для ускорения разработки можно использовать константы. Если в коде они отсутствуют, один из обходных путей – использование в начале файла комментариев. Это позволит вычислить фиксированные значения, а затем, при помощи «поиска и замены» отловить их по всему документу.

Также очень полезно использовать систему имен (и для идентификаторов, и для классов), причем лучше всего семантические – при исправлении ошибок и обновлениях это экономит прорву времени. Но если документ большой, то разные, бессистемные имена приведут к путанице. В таких случаях можно применять parent_child. Кстати, имена, отражающие оформление, лучше исключить.

Длинные селекторы – друзья кодера, их лучше ставить по возможности повыше в иерархии. Это упрощает CSS и снижает риск div- или class-мании.
Кодировку стоит использовать универсальную, оптимальный вариант – основанная на Юникоде UTF-8. CSS поможет при работе с регистром, переписывая буквы в заглавные там, где это необходимо.

Выбирая шрифт, нужно учитывать возможность, что его не будет у пользователя, и определять альтернативу.

Последнее изменение записи: 27.03.2012 | Рубрика: Тематические статьи, раздел 1
Плюсануть
Поделиться
Класснуть