Как я проект на БЭМ переводил… и перевел

Сразу хочу заметить, что БЭМ — это далеко не методология на все случаи жизни, и вопрос о необходимости ее применения в том или ином проекте следует рассматривать в частном порядке (в том числе исходя из того, нравится она вам или нет). Также, в силу того, что я не использовал предлагаемую специфическую файловую структуру или генерацию HTML, о них говорить не будем (позднее я все-таки разделил CSS-файл на отдельные части, соответствующие блокам, но этим решил пока ограничиться). Также, уже достаточно много (например, вот и вот) написано о достоинствах и недостатках этого подхода в целом, поэтому говорить об этом тоже не будем, я просто поделюсь своим опытом и размышлениями на эту тему, предполагая, что с сутью вы уже знакомы.
Читать дальше →
Источник:
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.
Похожие публикации
[Перевод] Создание адаптивных изображений
В Интернете найдется немало статей, посвященных адаптивным логотипам. Наиболее популярным примером является сайт Responsive Logos, который показывает различные варианты известных логотипов для разных... читать далее
[Перевод] Математика разметки с помощью CSS: разбираемся с calc
За последние годы верстка в интернете развилась из фиксированных дизайнов к адаптивным. Причем, в стилях могут использоваться сразу несколько видов единиц измерений (проценты, em или px). Дизайнерам... читать далее
Кастомный подход для нормализации и сброса стилей (custom-reset.css)
Здесь я поделюсь своими наработками для нормализации и сброса стилей. За несколько лет у меня сформировался небольшой файл, за основу которого, изначально, был взят нормалайз. Почему нормалайз, а не... читать далее
Brackets для сомневающихся и новичков
СД: НЧ Без плагинов Brackets не лучше других редакторов, но с ними его стоит хотя бы попробовать. Введение Не так давно на Хабре было опубликовано множество статей, касающихся тем или иным образом... читать далее
[Перевод] Тестирование вёрстки на визуальные регрессии с помощью PhantomCSS
Работа с чужим кодом — одна из распространенных и сложных проблем, с которыми мне приходилось сталкиваться в своей работе. Почти в каждом случае предыдущий разработчик писал код не так, как бы мне... читать далее
Почему для 99% малого бизнеса бесполезен аудит сайта?
Это несколько провокационная статья, в которой самой важной частью будут Ваши комментарии, уважаемые хабровчане. Для начала давайте разберемся, о каком именно аудите и малом бизнесе идет речь. Мой... читать далее
Прокомментировать
Облако тегов
angular css CSS es6 frontend habrahabr.ru HTML html html5 JavaScript javascript js react ReactJS seo SEO на Хабрахабре vue Блог компании RUVDS.com Веб-дизайн Интернет-маркетинг Поисковая оптимизация Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре автомобильный сайт блог браузеры верстка вёрстка дайджест интернет-магазин информационный ресурс корпоративный сайт модуль мы рекомендуем портфолио разработка ссылки фронтенд
Реклама на сайте
Веб-студия https://hover.com.ua/ в Киеве