Рубрики
Верстальщику

Как линтовать ваш Sass/CSS правильно с помощью Stylelint

Это перевод англоязычной статьи How to lint your Sass/CSS properly with Stylelint автора Scotty Vernon. Перед тем, как представить вам перевод, я бы хотел выразить огромную благодарность Андрею Ситнику за помощь в вычитке перевода. И отдельно сказать ему спасибо за прекрасный инструмент PostCSS, без которого не было бы и Stylelint.

Линтинг файлов стилей. Так мало людей делают это. Однако, гораздо больше людей должны проверять файлы стилей, особенно в разношёрстных командах, где много человек правят код.

В этой статье я буду говорить о том, зачем мы должны линтить наши файлы стилей, и как линтить файлы таблиц стилей в процессе нашей сборки, как для чистого CSS, та и для Sass.

Рубрики
Верстальщику

Линтуем Sass/CSS с помощью Stylelint

В продолжение темы линтеров. Есть прекрасная статья How to lint your Sass/CSS properly with Stylelint про линт Sass/CSS с помощью Stylelint на английском языке. Кому нужен перевод — пишите в комментариях, сделаю. Статья действительно качественная, хорошо раскрывает предмет.

Читать статью на английском →

Рубрики
Верстальщику

Если вы еще пользуетесь gulp-ruby-sass, то скорее переходите на gulp-sass

Мой следующий большой проект скорее всего будет на PostCSS, ну а пока, я использую SASS в качестве препроцессора в своем проекте. Естественно, для больших проектов лучше использовать менеджеры для сборки, и я использую GULP.
Так вот, на большом проекте, с большим количеством CSS модулей я использовал для сборки CSS плагин gulp-ruby-sass, также для проекта я использовал такие дополнительные модули к SASS, как sass-globbing, Compass, Sussy, Breakpoint. И именно из-за этого я использовал медленный gulp-ruby-sass вместо gulp-sass. И когда время сборки CSS добралось до 5.5 секунд, то работать стало просто не выносимо.
И вот, одним прекрасным утром я решил портировать свой проект на gupl-sass. Передо мной вырисовались две задачи совместимости, которые я должен был решить:

  1. Использование расширений для SASS, в моем случае Compass, Sussy, Breakpoint
  2. Импорт мелких файлов по директориям, а не по файлам (sass-globbing делает это для SASS)
Рубрики
Верстальщику

Подборка полезных инструментов для верстальщика

tool-set
Верстать продуктивно, не располагая хорошими инструментами, сложно. Как правило, каждый из нас имеет свой набор плагинов к редактору, фреймворков и определенную методологию, которая помогает верстать больше за меньшее время и делать это не только быстро но и красиво. Не знаю как кому, а мне всегда интересно экспериментировать с методологиями и инструментами для получения лучшего результат, более того, что технологии не стоят на месте. Поэтому я и решил собрать несколько новых интересных инструментов и методологий, которые помогут нам, верстальщикам или фронт-енд разработчикам (если по-модному), в работе.