Skip to content

Instantly share code, notes, and snippets.

Avatar

Brandon R. Howard brayhoward

View GitHub Profile
@brayhoward
brayhoward / Gruntfile.js
Last active Aug 29, 2015
Grunt file that compiles jade and sass, watches, serves, and builds. && index.jade boilerplate
View Gruntfile.js
'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 Apr 5, 2016
my gulpfile that does all the things.
View simple-gulpfile.js
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 Aug 22, 2015
Fix for pushing footer to bottom of page when the page content is not enough to fill the enter screen height.
View footer_fix.css
@brayhoward
brayhoward / _parallax-scrolling.scss
Last active Dec 20, 2016
Pure css parallax scrolling effect Sass mixin.
View _parallax-scrolling.scss
@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 Feb 8, 2016
Gulpfile for Ionic with error handling. Babel(es2015), Sass, and Jade.
View gulpfile.js
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 Jun 14, 2016 — forked from smpallen99/application.html.eex
Phoenix content_for prototype
View application.html.eex
<!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 Jun 16, 2016 — forked from scrogson/README
Use bootstrap-sass npm package with Phoenix's brunch
View Brunch-Phoenix-npm.README
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 Aug 11, 2016
A javaScript style array of all the states.
View states.js
[ 'Alabama',
'Alaska',
'Arizona',
'Arkansas',
'California',
'Colorado',
'Connecticut',
'Delaware',
'District of Columbia',
'Florida',
View main.html.jade
body
header
a#skip-nav(href="#main-content")
nav
...
#main-content
@brayhoward
brayhoward / gulpfile.js
Created Sep 5, 2016
Gulpfile with jade support for Ionic@2.0.0
View gulpfile.js
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;
/**
You can’t perform that action at this time.