Forwarded from CodeRoll | Frontend
SMACSS vs. BEM
Не все фанаты BEM.
Если вы в разработке относительно недавно, то возможно и не слышали о других методологиях.
SMACSS - это еще одна методология, помогающая с организацией кода. Аббревиатура расшифровывается, как Scalable and Modular Architecture for CSS (масштабируемая и модульная архитектура для CSS).
Базовые категории SMACSS:
- Base - в эту категорию входят правила, которые определяют внешний вид элементов по умолчанию;
- Layout - категория для стилей, с помощью которых страница разделяется на секции;
- Module - это повторно используемые части дизайна(меню, модальные окна и др.);
- State - категория для стилей состояния;
- Theme - в эту категорию входят стили, отвечающие за внешний вид макетов и модулей;
В статье дается сравнение BEM и SMACSS. А на официальном сайте SMACSS можно почитать онлайн или скачать руководство по использованию данной методологии.
Ссылка на статью
Ссылка на официальный сайт SMACSS
#css
Не все фанаты BEM.
Если вы в разработке относительно недавно, то возможно и не слышали о других методологиях.
SMACSS - это еще одна методология, помогающая с организацией кода. Аббревиатура расшифровывается, как Scalable and Modular Architecture for CSS (масштабируемая и модульная архитектура для CSS).
Базовые категории SMACSS:
- Base - в эту категорию входят правила, которые определяют внешний вид элементов по умолчанию;
- Layout - категория для стилей, с помощью которых страница разделяется на секции;
- Module - это повторно используемые части дизайна(меню, модальные окна и др.);
- State - категория для стилей состояния;
- Theme - в эту категорию входят стили, отвечающие за внешний вид макетов и модулей;
В статье дается сравнение BEM и SMACSS. А на официальном сайте SMACSS можно почитать онлайн или скачать руководство по использованию данной методологии.
Ссылка на статью
Ссылка на официальный сайт SMACSS
#css
Forwarded from Будни разработчика
This media is not supported in your browser
VIEW IN TELEGRAM
#шпаргалка дня
Ну теперь-то ты точно не забудешь, как работает justify-content…
…пока не придёт время использовать flex-direction: column 🤪
#css #flex #video
Ну теперь-то ты точно не забудешь, как работает justify-content…
…пока не придёт время использовать flex-direction: column 🤪
#css #flex #video