Задать вопрос
AndreyBerezhnoy
@AndreyBerezhnoy
WordPress Developer at The White Label Agency

Как верстать «модульно»?

Поделитесь опытом, как правильно верстать отдельные блоки и компоненты сайта таким образом, чтобы можно было без проблем перенести в другой проект?

Допустим есть Landing, с несколькими блоками, и хотелось бы, при необходимости, с минимальными трудозатратами, переносить эти блоки на другой лендинг.

Как этого можно добиться?
  • Вопрос задан
  • 388 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 4
27cm
@27cm
TODO: Написать статус
Ответ написан
Комментировать
vawsan
@vawsan
Frontend Developer
Если вам постоянно нужна переносимость множества блоков, то просто задайтесь целью и сделайте стандартный набор собственных компонентов, для каждого из которых будет свой css/images/html/js код.
А в новый проект вставляйте как в БЭМ, то есть у каждого компонента своя папка, в которой лежит все к нему относящееся.
В итоге: простая навигация, хорошая модульность, а минификаторы типа grung/gulp объединят это все при сборке и производительность не пострадает.
Ответ написан
Комментировать
andykov
@andykov
Shit happens
Если без всяких бэмов, то все просто.
Есть блок со своим уникальным классом и подклассами, создаете под него файлик стилей, пишите туда стили конкретно для этого блока и его внутренних элементов и все.
С использованием препроцессоров это вдвойне удобней.
Главное не смешивать стили нескольких компонентов, если возникает необходимость засунуть один компонент в другой, то соответственно стили должны быть разные.
Ответ написан
sosnovskyas
@sosnovskyas
как вариант делать всё с препроцессором, например JADE+Stylus(less+SASS)
там есть импорты, ну и да, как именование конечно BEM
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы