Автоматическое создание спрайта в sass с помощью gulp.

Опубликовано 8 сентября 2015, 16:46

Это продолжение урока про создании автоматических спрайтов. В прошлом уроке я рассказывал как это можно легко и быстро сделать с помощью compass .Недостатком того способа – compass не генерирует высоту и ширину в scss.
В этом уроке я покажу как можно генерировать спрайты в gulp и это намного удобнее, так как gulp подставляет ширину и высоту сам.

Полезные ссылки:

loftblog.ru/2014/08/18/gulp-js... - Gulp.js #01 - работаем с CSS: concat, minify, rename, notify, watch, dest.

loftblog.ru/2014/09/02/gulp-js... - Gulp.js #02 – autoprefixer, livereload, gulp-connect.

loftblog.ru/2014/12/15/gulp-js... - Gulp.js #03 – gulp-sass, gulp-uncss.

loftblog.ru/2014/12/16/boremsy... - Gulp.js #04 — Боремся с кэшированием или ревизии подключаемых файлов.

loftblog.ru/2015/02/26/videour... - Gulp.js #05 – структура проекта, wiredep, bower.

loftblog.ru/2015/03/09/videour... - Gulp.js #06 – сборка и деплой проекта, gulp-useref, gulp-sftp.

Портал видеоуроков loftblog.ru
Фильтр новостей в мире web разработки: vk.com/loftblog
Также в facebook: facebook.com/loftblog
И, конечно, twitter: twitter.com/loft_blog
-----------------------------------------------------------------------------------
Не забываем, что самый лучший способ сказать "спасибо" - нажать кнопку "нравится" и скинуть ссылку на урок друзьям. Ничто другое так сильно не мотивирует автора продолжать работу :)