Skip to content

Instantly share code, notes, and snippets.

View matthewbeta's full-sized avatar

Matthew Jackson matthewbeta

27 followers · 21 following
View GitHub Profile
@matthewbeta
matthewbeta / gist:7786930
Created December 4, 2013 12:45
Gruntfile for Jekyll
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
// concurrent: {
// tasks: ['copyCSS', 'jekyll:dev']
// },
@matthewbeta
matthewbeta / gist:7457897
Created November 13, 2013 22:46
Barebones Gruntfile for Ember.JS. It concats your files, it processes your handlebars and smashes that suckah into (3) tiny files.
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
// uglify
uglify: {
app: {
files: {
'app/app.min.js': 'app/app.js'
@matthewbeta
matthewbeta / Gruntfile.js
Last active December 20, 2015 23:49
Grunt file for Jekyll (with dev/staging builds) and Compass with ~~Live Reload~~ Grunt Style Injector. *Need to add (ghostMode)[https://github.com/shakyShane/grunt-style-injector#ghostmode-default-false-experimental] settings
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
watch: {
// WATCH THE SASS FILES FOR CHNAGES AND COMPILE WITH COMPASS
compass: {
files: ['assets/sass/**/*.{scss,sass}' , 'assets/sass/**/*.{scss,sass}'],
tasks: ['copyCSS']
@matthewbeta
matthewbeta / index.html
Created October 19, 2012 21:54
<div>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<hr>
</div>
@matthewbeta
matthewbeta / index.html
Created October 19, 2012 21:53
beta logo
<a class="ctr-logo">
<div class="logo">
</div>
</a>
@matthewbeta
matthewbeta / dabblet.css
Created May 24, 2012 13:05 — forked from anonymous/dabblet.css
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
min-height: 100%;
@matthewbeta
matthewbeta / dabblet.css
Created May 24, 2012 13:05
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
min-height: 100%;
@matthewbeta
matthewbeta / visuallyhidden.css
Last active August 29, 2015 14:25 — forked from sousk/gist:1280108
Hide Visually HTML5 BP style
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
@matthewbeta
matthewbeta / resize-debounce.js
Created March 24, 2015 11:24
Resize event debounce from CSS tricks
var resizeTimer;
$(window).on('resize', function(e) {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
// Run code here, resizing has "stopped"
}, 250);
@matthewbeta
matthewbeta / gist:0ee7b9a8bbbac4540c3c
Created January 16, 2015 16:25
/* This */
.my-module {
background: #DDD;
&-header {
padding: 10px;
}
&-link {
color: red;
}
}