• ↓
  • ↑
  • ⇑
 
20:06 

Предзагрузка изображений

Heidel
If it's stupid but works, it isn't stupid.

Предзагрузка изображений






@темы: Javascript, Предзагрузка изображений

17:53 

Gulp.js

Heidel
If it's stupid but works, it isn't stupid.
https://vk.com/videos-54530371?section=album_56085481

Сайт http://gulpjs.com/

Установка


Создаем файл package.json



Затем выполнить команду



В файле package.json создастся зависимость



gulp-concat-css https://www.npmjs.com/package/gulp-concat-css


gulp-minify-css https://www.npmjs.com/package/gulp-minify-css


gulp-rename https://www.npmjs.com/package/gulp-rename


gulp-notify https://www.npmjs.com/package/gulp-notify


gulp-autoprefixer www.npmjs.com/package/gulp-autoprefixer/


Автопрефиксер работает только в последних версиях Node.js.
Для обновления Node.js под Win нужно скачать установщик с оф.сайта и запустить.
Команда, чтобы узнать текущую версию Node.js


gulp-livereload https://www.npmjs.com/package/gulp-livereload/


Локальный сервер
gulp-connect https://www.npmjs.com/package/gulp-connect


gulp-uncss https://www.npmjs.com/package/gulp-uncss
Позволяет удалять в автоматическом режиме неиспользуемые стили.


gulp-less https://www.npmjs.com/package/gulp-less


Чтобы избежать кеширования файлов
gulp-rev-append https://www.npmjs.com/package/gulp-rev-append


В конец файлов добавляется выражение ?rev=@@hash


gulp-rev https://www.npmjs.com/package/gulp-rev


Сбор ревизий
gulp-rev-collector https://www.npmjs.com/package/gulp-rev-collector


Удаление устаревших версий файлов
gulp-rev-outdated https://www.npmjs.com/package/gulp-rev-outdated


Сборка проекта
gulp-useref https://www.npmjs.com/package/gulp-useref


Смена диска в консоли:

изображение

gulp-recess https://www.npmjs.com/package/gulp-recess


Компиляция less-файлов в css gulpfile.js



Компилияция LESS, автопрефиксер, лайв-релоад


gulp-csscomb https://www.npmjs.com/package/gulp-csscomb



gulp-load-plugins https://www.npmjs.com/package/gulp-load-plugins



gulpfile.js



csscomb.json


Prevent errors from breaking / crashing gulp watch


http://stackoverflow.com/questions/23971388/prevent-errors-from-breaking-crashing-gulp-watch

В начало файла gulpfile.js добавляется функция


Использование


Плагин gulp-plumber



@темы: Учебники, Ссылки, Gulp.js

13:22 

prettyPhoto — image gallery

Heidel
If it's stupid but works, it isn't stupid.
13:16 

Isotope — Filter & sort magical layouts

Heidel
If it's stupid but works, it isn't stupid.
16:22 

Bootstrap 3 responsive columns of same height

Heidel
If it's stupid but works, it isn't stupid.
22:49 

Height equal to dynamic width

Heidel
If it's stupid but works, it isn't stupid.
22:48 

Transparent CSS Triangle with Borders

Heidel
If it's stupid but works, it isn't stupid.
14:11 

jQuery.Coverflow

Heidel
If it's stupid but works, it isn't stupid.
18:11 

Плагин прокрутка

Heidel
If it's stupid but works, it isn't stupid.
11:53 

Multi-Line Padded Text

Heidel
If it's stupid but works, it isn't stupid.
18:03 

Стилизация скроллбара

Heidel
If it's stupid but works, it isn't stupid.
15:33 

Multiple Borders with CSS 2.1

Heidel
If it's stupid but works, it isn't stupid.
12:16 

Flexible Box

Heidel
If it's stupid but works, it isn't stupid.
16:07 

Использование SVG

Heidel
If it's stupid but works, it isn't stupid.

Использование SVG


http://frontender.info/using-svg/

Оптимизация SVG


Nodejs-based tool for optimizing SVG vector graphics files.
https://github.com/svg/svgo

Установка


Конвертация


Инструмент для grunt


Minify SVG
https://github.com/sindresorhus/grunt-svgmin

@темы: Учебники, Ссылки, SVG

11:15 

Tutorial по angular.js

Heidel
If it's stupid but works, it isn't stupid.
16:16 

Heidel
If it's stupid but works, it isn't stupid.
20:41 

smacss

Heidel
If it's stupid but works, it isn't stupid.
CSS handling the transition



Модуль иконок





@темы: CSS3, HTML, smacss, Верстка

12:28 

Node.js для начинающих

Heidel
If it's stupid but works, it isn't stupid.

Node.js для начинающих


http://www.nodebeginner.ru/

@темы: Node.js, Ссылки, Учебники

14:13 

Mastering the :nth-child

Heidel
If it's stupid but works, it isn't stupid.
18:27 

Flipbook

Heidel
If it's stupid but works, it isn't stupid.

Блокнот

главная