Skip to content

Instantly share code, notes, and snippets.

View brayhoward's full-sized avatar

Brandon R. Howard brayhoward

15 followers · 4 following
View GitHub Profile
@brayhoward
brayhoward / Gruntfile.js
Last active August 29, 2015 14:17
Grunt file that compiles jade and sass, watches, serves, and builds. && index.jade boilerplate
'use strict';
module.exports = function (grunt) {
require('load-grunt-tasks')(grunt);
grunt.initConfig({
jade: {
compile: {
options: {
pretty: true,
@brayhoward
brayhoward / simple-gulpfile.js
Last active April 5, 2016 16:11
my gulpfile that does all the things.
var gulp = require('gulp'),
connect = require('gulp-connect'),
jade = require('gulp-jade'),
copy = require('gulp-copy'),
sass = require('gulp-sass'),
watch = require('gulp-watch'),
livereload = require('gulp-livereload');
//////////CONNECT////////////////////////////////////
gulp.task('connect', function() {
@brayhoward
brayhoward / footer_fix.css
Created August 22, 2015 19:44
Fix for pushing footer to bottom of page when the page content is not enough to fill the enter screen height.
@brayhoward
brayhoward / _parallax-scrolling.scss
Last active December 20, 2016 23:46
Pure css parallax scrolling effect Sass mixin.
@mixin parallax-scrolling($px, $scale) {
.parallax {
perspective: 1px;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
}
.parallax-layer {
position: absolute;
top: 0;
@brayhoward
brayhoward / gulpfile.js
Last active February 8, 2016 23:23
Gulpfile for Ionic with error handling. Babel(es2015), Sass, and Jade.
var gulp = require('gulp');
var gutil = require('gulp-util');
var bower = require('bower');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var rename = require('gulp-rename');
var sh = require('shelljs');
var jade = require('jade');
var gulpJade = require('gulp-jade');
@brayhoward
brayhoward / application.html.eex
Created June 14, 2016 18:21 — forked from smpallen99/application.html.eex
Phoenix content_for prototype
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Hello Phoenix!</title>
@brayhoward
brayhoward / Brunch-Phoenix-npm.README
Last active June 16, 2016 19:52 — forked from scrogson/README
Use bootstrap-sass npm package with Phoenix's brunch
1) install npm packages
2) update brunch-config.js
3) remove Bootstrap from web/static/css/app.css
4) rename web/static/css/app.css to web/static/css/app.scss
5) update web/static/css/app.scss
@brayhoward
brayhoward / states.js
Created August 11, 2016 15:27
A javaScript style array of all the states.
[ 'Alabama',
'Alaska',
'Arizona',
'Arkansas',
'California',
'Colorado',
'Connecticut',
'Delaware',
'District of Columbia',
'Florida',
@brayhoward
brayhoward / main.html.jade
Created August 17, 2016 18:37
Skip navigation.
body
header
a#skip-nav(href="#main-content")
nav
...
#main-content
@brayhoward
brayhoward / gulpfile.js
Created September 5, 2016 21:31
Gulpfile with jade support for [email protected]
var gulp = require('gulp'),
gulpWatch = require('gulp-watch'),
del = require('del'),
runSequence = require('run-sequence'),
gulpJade = require('gulp-jade'),
jade = require('jade'),
argv = process.argv;
/**