БЭМ — это современный метод вёрстки. Он помогает соблюдать единые правила для разработки и настройки интерфейса.
По принципу БЭМ вёрстка делится на ⬇️
▪️ Блок — независимый элемент страницы, который может быть простым и составным и иметь свой стиль, поведение и размер.
▪️ Элемент — часть блока и не может использоваться отдельно от него.
▪️ Модификатор — свойство блока или элемента. Отвечает за изменение его поведения или внешнего вида.
Чем БЭМ помогает разработчику:
— гибко настраивает адаптацию к разным разрешениям экрана;
— легко оптимизирует сайт с помощью замены блока;
— даёт полное представление из каких блоков состоит страница, какие элементы есть в блоках и какие модификаторы были использованы;
— позволяет создавать независимые блоки;
— блоки и элементы получают уникальные имена, при этом стили для одного элемента ничего не поломают в другом;
— можно легко придумывать любое количество классов, не повторяющихся между собой.
Где можно реализовать БЭМ ⬇️
▪️ Крупные проекты с большой кодовой базой при участии нескольких разработчиков. Это снизит риск ошибок и конфликтов кода.
▪️ В проектах, ориентированных на доступность. Методология БЭМ делает веб-сайт более понятным для пользователей и приоритетным для SEO.
Если ты хочешь заниматься версткой и разработкой интерфейсов, то изучить методологию БЭМ необходимо хотя бы на базовом уровне. С её помощью ты можешь поднять свои навыки кодирования CSS на новый уровень и создавать эффективные и удобные пользовательские интерфейсы.
#советы_от_methed