Skip to content

Instantly share code, notes, and snippets.

View johnpeele's full-sized avatar
🏠
Working from home

John Peele johnpeele

🏠
Working from home
View GitHub Profile
@johnpeele
johnpeele / gulpfile.js
Last active August 29, 2015 13:55
Gulp for Front-End Development
var gulp = require('gulp');
var less = require('gulp-less');
var path = require('path');
var styl = require('gulp-styl');
var browserify = require('gulp-browserify');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var refresh = require('gulp-livereload');
var lr = require('tiny-lr');
@johnpeele
johnpeele / _media32.scss
Created February 13, 2014 19:36
Sass media query mixin
// Here are some variables, then a mixin and then an application of the mixin - this will only compile using Sass 3.2
//variables
$XS: 12.5em; // 200px;
$S: 18.75em; // 300px
$SM: 35em; // 560px
$M: 47.5em; // 760px
$L: 63em; // 1008px
$XL: 110em; // 1760px
$XXL: 180em; // 2880px
upstream php-fpm {
server unix:/var/run/php5-fpm.sock;
}
server {
listen 80;
server_name www.example.com;
rewrite ^ http://example.com$request_uri?;
}
@johnpeele
johnpeele / gulpfile.js
Created March 23, 2014 21:30
New and Improved Gulp for Front-End Development
var path = require('path');
var gulp = require('gulp');
var gutil = require('gulp-util');
var clean = require('gulp-clean');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var filesize = require('gulp-filesize');
var less = require('gulp-less');
var changed = require('gulp-changed');
vendor(prop, args)
-webkit-{prop} args
-moz-{prop} args
-ms-{prop} args
-o-{prop} args
{prop} args
border-radius()
vendor('border-radius', arguments)
'use strict';
var
chalk = require('chalk'),
gulp = require('gulp'),
clean = require('gulp-clean'),
concat = require('gulp-concat'),
deporder = require('gulp-deporder'),
gulpif = require('gulp-if'),
//
// I should probably have turned this into a theme…
// but who has time for that?
//
// Installation:
// 1. Choose "Solarized Dark" as your theme.
// 2. Install Input from http://input.fontbureau.com/
// (It's free for personal use.)
// 3. Stick the contents of this file into your Atom stylesheet.
@johnpeele
johnpeele / gulpfile.js
Last active August 29, 2015 14:09 — forked from geelen/gulpfile.js
Serve Harp with Gulp and Browsersync
var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var harp = require('harp');
/**
* Serve the Harp Site from the src directory
*/
gulp.task('serve', function () {
harp.server(__dirname + '/src', {
@johnpeele
johnpeele / gulpfile.js
Last active August 29, 2015 14:09 — forked from superhighfives/gulpfile.js
Gulp / Harp with BrowserSync
var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var deploy = require('gulp-gh-pages');
var cp = require('child_process');
var harp = require('harp')
/**
* Serve the Harp Site
*/
@johnpeele
johnpeele / gulpfile.js
Created November 14, 2014 13:29
Gulp / Harp with BrowserSync
var gulp = require('gulp');
var browserSync = require('browser-sync');
var cp = require('child_process');
var harp = require('harp')
gulp.task('serve', function (done) {
harp.server('.', {
port: 9000
});