sass

Как установить и настроить gulp

Сборка front-end’а на пальцах с помощью Gulp

В наше время сборка front-end’a является уже неким стандартом в разработке сайтов и веб-приложений. Есть множество вариантов сборки ресурсов сайта и каждый разработчик выбирает для себя сам, какие инструменты для этого использовать. Я же хочу поведать о процессе сборке с помощью менеджера задач, которому отдал предпочтение, а именно GULP.Подробнее »Сборка front-end’а на пальцах с помощью Gulp

Стайлгайд: синтаксис sass

Если несколько front-end разработчиков работают на одном проекте, это только вопрос времени, когда один из них станет писать код как ему придет на ум. И когда разработчики начинают работать со строками кода не придерживаясь определенного стиля написания, тогда и начинаются потери во времени, проблемы с пониманием написанного, споры.

Для урегулирования этих проблем существуют стайлгайды, придерживаясь которых, можно повысить ясность кода и облегчить дальнейшую поддержку проекта. Именно о стайлгайде работы с sass я и хочу поведать.Подробнее »Стайлгайд: синтаксис sass

Используем препроцессор sass

Вы давно хотите изучить sass, но не знали с чего начать? Или вы и так уже используете sass, но знания поверхностные и их хотелось бы прокачать? Данная статья поможет вам уверенно использовать всю мощь препроцессора sass и получать удовольствие от работы с ним.Подробнее »Используем препроцессор sass

Ускоряем верстку по БЭМ

В данной статье я расскажу, как автоматизировать процесс построения дерева классов с вложенностью в вашем sass файле, для верстки документа построенного по методологии БЭМ.

Прежде всего, что такое БЭМ?

БЭМ — методология для фронт-енда от Яндекса. Суть которой улучшить понимание верстки между разработчиками проекта, ускорить процесс разработки и повысить качество фронт-енда за счет независимости блоков друг от друга.

Подробнее »Ускоряем верстку по БЭМ