2 апреля 2015, 16:51

Система имен файлов и свойств CSS

В названиях файлов должна быть логика. Это вроде очевидно, но когда доходит до практики редко применимо. Получается лишь отделять кнопки от не кнопок и т. п.
Хотел ввести систему для названия файлов для верстки, да так, что бы взглянул на название и сразу знаешь что это. Или еще лучше, верстаешь и не смотришь на название файлов, так как и так знаешь как он называется. Все же логично.

В PPP (Pixel Perfect Precision) предлагают следующее:
— пишем тип картинки (button, photo...),
— на каком экране эта картинка (global, home...),
— тип кнопки (play, stop, back...),
— стиль кнопки (green, blue...),
— состояние кнопки (default, disabled...).

В итоге у нас получаются названия типа:

btn_global_play_orange_default.png

Это же все применимо и для стилей CSS:

.bg_home_description

Для стилей это даже больше подходит, т. к. кнопки лучше делать спрайтами, но это кто как верстает. Главное запомнить порядок параметров в названии и все становится проще.

P.S. Рекомендую к обязательному прочтению книгу Pixel Perfect Precision. Книга расскажет о полезных, местами конечно уже очевидных, приёмах и хитростях. Книга PPP на русском

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