Ознакомьтесь с нашей политикой обработки персональных данных
  • ↓
  • ↑
  • ⇑
 
Записи пользователя: Heidel (список заголовков)
22:15 

Магия CSS

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

Магия CSS


http://webref.ru/layout/magic-of-css






http://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/

@темы: Учебники, Ссылки, Магия CSS, Верстка, CSS3

23:33 

Знак рубля, шрифт PT Rouble

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

csscomb

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

jQuery-Mask-Plugin

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

Слайдер fotorama

Heidel
If it's stupid but works, it isn't stupid.
Слайдер fotorama

http://fotorama.io/

@темы: Plugins, fotorama, jQuery, Верстка, Ссылки

14:05 

Бесплатные картинки

Heidel
If it's stupid but works, it isn't stupid.
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

Блокнот

главная