Гуру CSS Джонатан Снук регулярно посещает SitePoint и подкаст . Его последний проект затрагивает тему, которую несколько разработчиков рассматривают, пока не стало слишком поздно: архитектура CSS. Если вы когда-либо боролись за управление большим сложным сайтом с десятками макетов и виджетов, я предлагаю вам прочитать Scalable и Modular Architecture for CSS — или SMACSS (произносится как «smacks») для краткости.
Это не руководство, фреймворк, библиотека фрагментов или даже набор рекомендаций. Джонатан задокументировал свои собственные наблюдения при структурировании кода CSS для более крупных проектов. Онлайновая книга предлагает методы, позволяющие сделать ваш код лучше организованным и простым в обслуживании. Это уникальный подход к теме, который редко обсуждается в других руководствах по CSS.
Первый раздел определяет четыре основных типа CSS:
- База : основные элементы HTML, такие как тело, теги формы, ссылки и т. Д.
- Макет : как страница делится на разделы, включая верхние и нижние колонтитулы, боковые панели и т. Д.
- Модули : дискретные, многоразовые, модульные компоненты, например, панели навигации, списки продуктов, контактные формы и т. Д.
- Состояние : как изменяются модули или макеты в определенном состоянии, например, ошибки, скрытые, развернутые, активные, неактивные и т. Д.
Книга основана на этих концепциях и обсуждает темы , глубину применимости, управление изменениями состояния и форматирование кода .
Если вы разрабатывали макеты некоторое время, вы, вероятно, узнаете многие шаблоны. Вы можете не согласиться с некоторыми предложениями Джонатана. Тем не менее, книга обнадеживающе лаконична, и вы начнете рассматривать свой собственный подход к масштабируемому CSS.
Рекомендуемые.