Skip to content

Instantly share code, notes, and snippets.

View cikoriicabachkov's full-sized avatar

Cikorii Cabachkov cikoriicabachkov

View GitHub Profile
@cikoriicabachkov
cikoriicabachkov / gulpfile.js
Last active August 29, 2015 14:14
Simple livereload server (gulp + browser-sync)
// Quick start guide
// 1) install node.js, npm
// 2) run command: npm install gulp browser-sync
// 3) run command: gulp
// 4) ?????
// 5) PROFIT
var gulp = require('gulp');
var browserSync = require('browser-sync');
@cikoriicabachkov
cikoriicabachkov / gulpfile.js
Last active August 29, 2015 14:18
Simple sprite generator with retina support (gulp + gulp.spritesmith)
var gulp = require('gulp');
var csso = require('gulp-csso');
var spritesmith = require('gulp.spritesmith');
gulp.task('sprite', function () {
var spriteData = gulp.src('images/*.png').pipe(spritesmith({
imgName: 'sprite.png',
cssName: 'sprite.css',
padding: 10,
cssOpts: {
@cikoriicabachkov
cikoriicabachkov / gulpfile.js
Last active August 29, 2015 14:18
Bullet-proff gulpfile
'use strict';
var gulp = require('gulp'),
watch = require('gulp-watch'),
prefixer = require('gulp-autoprefixer'),
uglify = require('gulp-uglify'),
sass = require('gulp-sass'),
sourcemaps = require('gulp-sourcemaps'),
rigger = require('gulp-rigger'),
cssmin = require('gulp-minify-css'),
@cikoriicabachkov
cikoriicabachkov / gulpfile.js
Last active October 5, 2018 08:08
Rename and resize retina images with ImageMagick and gulp
// Note: install GraphicsMagick or ImageMagick before use!
// This config rename and resize retina (*@2x.png) images
var gulp = require('gulp');
var imageResize = require('gulp-image-resize');
var rename = require('gulp-rename');
var path = {
sprite: 'sprite/*@2x.png'
};
@cikoriicabachkov
cikoriicabachkov / gulpfile.js
Created August 13, 2015 09:34
Postcss-sprites example
var gulp = require('gulp');
var postcss = require('gulp-postcss');
var sprites = require('postcss-sprites');
var opts = {
stylesheetPath : './dist',
spritePath : './dist/images/sprite.png',
outputDimensions: true,
padding : 10
};
@cikoriicabachkov
cikoriicabachkov / style.css
Created August 24, 2015 12:39
Disable webkit scrollbar
.ui-Component {
&::-webkit-scrollbar {
-webkit-appearance: none;
}
}
@cikoriicabachkov
cikoriicabachkov / yandex.music.txt
Created September 1, 2015 14:39
Download music
apt-get install youtube-dl
youtube-dl https://music.yandex.ru/album/664530
@cikoriicabachkov
cikoriicabachkov / gulpfile.js
Created October 23, 2015 12:55
Postcss startup files
var gulp = require('gulp');
var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var precss = require('precss');
var cssnano = require('cssnano');
var watch = require('gulp-watch');
gulp.task('css', function () {
var processors = [
autoprefixer,