Skip to content

Instantly share code, notes, and snippets.

View kevinSuttle's full-sized avatar

Kevin Suttle kevinSuttle

View GitHub Profile
@kevinSuttle
kevinSuttle / links.css
Created December 8, 2014 23:33
Sass placeholder weirdness
@kevinSuttle
kevinSuttle / gulpfile.js
Created November 25, 2014 17:09
gulp-ruby-sass and gulp-autoprefixer
'use strict';
// Include Gulp & Tools We'll Use
var gulp = require('gulp');
var sass = require('gulp-ruby-sass');
var browserSync = require('browser-sync');
var localConfig = require('./config/app.json');
var stylestats = require('gulp-stylestats');
var projectSize = require('gulp-size');
var autoprefixer = require('gulp-autoprefixer');
@kevinSuttle
kevinSuttle / app.js
Last active February 26, 2024 07:02
Gulp, BrowserSync, Sass, Autoprefixer, Nodemon
var express = require('express');
var app = express();
var router = express.Router();
var hbs = require('hbs');
app.set('view engine', 'html');
app.engine('html', hbs.__express);
app.use(express.json());
app.use(express.urlencoded());
@kevinSuttle
kevinSuttle / gulpfile.js
Created April 19, 2014 20:17
Sass + Jekyll + BrowserSync
var gulp = require('gulp');
var sass = require('gulp-sass');
var uncss = require('gulp-uncss');
var prefix = require('gulp-autoprefixer');
var browserSync = require('browser-sync');
gulp.task('sass', function () {
gulp.src('_sass/index.scss')
.pipe(sass({outputStyle: 'compressed'}, {errLogToConsole: true}))
.pipe(prefix("last 2 versions", "> 1%", "ie 8", "Android 2", "Firefox ESR"))
@kevinSuttle
kevinSuttle / gulpfile.js
Created April 1, 2014 02:30
gulp-browsersync
var gulp = require('gulp');
var sass = require('gulp-sass');
var prefix = require('gulp-autoprefixer');
var browserSync = require('browser-sync');
gulp.task('sass', function () {
gulp.src('scss/index.scss')
.pipe(sass({includePaths: ['scss'], style: 'compact'}))
.pipe(prefix("last 2 versions", "> 1%", "ie 8", "Android 2", "Firefox ESR"))
.pipe(gulp.dest('css'));
@kevinSuttle
kevinSuttle / touch-icons.html
Last active December 18, 2022 17:15
Touch icon link syntax
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<!-- For the iPad mini and the first- and second-generation iPad on iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<!-- For the iPad mini and the first- and second-generation iPad on iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76-precomposed.png">
<!-- For iPhone with high-resolution Retina display running iOS ≤ 6: -->
@kevinSuttle
kevinSuttle / Default (OSX).sublime-keymap
Last active October 24, 2020 20:10
Sublime Text 3 settings
[
{ "keys": ["super+shift+r"], "command": "reindent" },
{ "keys": ["super+v"], "command": "paste_and_indent" },
{ "keys": ["super+k", "super+d"], "command": "toggle_distraction_free" }
]
@kevinSuttle
kevinSuttle / Gulpfile.js
Last active August 29, 2015 13:56
gulp-nodemon console error
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
autoprefixer = require('gulp-autoprefixer'),
imagemin = require('gulp-imagemin'),
rename = require('gulp-rename'),
notify = require('gulp-notify'),
nodemon = require('gulp-nodemon'),
clean = require('gulp-clean'),
livereload = require('gulp-livereload'),
lr = require('tiny-lr'),
@kevinSuttle
kevinSuttle / gist:8129940
Created December 26, 2013 04:50
Gmail 'Unsubscribe' Filter
"To be removed from this newsletter" OR "opt-out" OR unsubscribe OR "viewing the newsletter" OR "privacy policy" OR enews OR "edit your preferences" OR "email notifications" OR "update profile" OR smartunsubscribe OR secureunsubscribe OR yahoogroups OR "manage your account" OR "group-digests"