Skip to content

Instantly share code, notes, and snippets.


Matt Bailey matt-bailey

View GitHub Profile
View revised-font-stack.css
A Revised Font Stack
from A Way Back
demonbane /
Created Jul 5, 2011
Create a Fluid-style app launcher for single-window Chrome instances on OSX
echo "What should the Application be called (no spaces allowed e.g. GCal)?"
read inputline
echo "What is the url (e.g."
read inputline
necolas /
Last active May 1, 2020
Experimenting with component-based HTML/CSS naming and patterns

NOTE I now use the conventions detailed in the SUIT framework

Template Components

Used to provide structural templates.


solderjs /
Last active Aug 2, 2020
How to publish packages to NPM

Getting Started with NPM (as a developer)

If you haven't already set your NPM author info, now you should:

npm set "Your Name"
npm set ""
npm set ""

npm adduser
jimbojsb / gist:1630790
Created Jan 18, 2012
Code highlighting for Keynote presentations
View gist:1630790

Step 0:

Get Homebrew installed on your mac if you don't already have it

Step 1:

Install highlight. "brew install highlight". (This brings down Lua and Boost as well)

Step 2:

blackfalcon /
Last active May 15, 2019
Clean out your Sass junk-drawer

by Dale Sande

CSS has had a long and sordid past. A developer never sets out with the goal of making a complete and total mess of things. Their intention is not to build something that is practically illegible, impractical to maintain and is limited in scale. But somehow, this is where many inevitably end up. Luckily, all is not lost. With some simple strategies, organizational methods and out-of-the box tools, we can really help get that junk-drawer inline.

For many of us getting started with Sass, at one time or another have created a junk-drawer of files. For most, this was a rookie mistake, but for others, this is a continuing issue with our architecture and file management techniques. Sass doesn't come with any real rules for file management so developers are pretty much left to their own devices.

Large CSS files and increased complexity

CSS started out with very simple intentions, but as [tableless web design][1.1] began to really take a foothold, o

bgrins /
Last active Jul 28, 2020
Prevent errors on console methods when no console present and expose a global 'log' function.

Javascript log Function

Every time I start a new project, I want to pull in a log function that allows the same functionality as the console.log, including the full functionality of the Console API.

There are a lot of ways to do this, but many are lacking. A common problem with wrapper functions is that the line number that shows up next to the log is the line number of the log function itself, not where log was invoked. There are also times where the arguments get logged in a way that isn't quite the same as the native function.

This is an attempt to once and for all document the function that I pull in to new projects. There are two different options:

  • The full version: Inspired by the plugin in HTML5 Boilerplate. Use this if you are writing an application and want to create a window.log function. Additionally,
dbushell / gist:5186122
Last active Dec 15, 2015
Grunt task to build HTML templates with includes (work in progress!)
View gist:5186122
* Copyright (c) David Bushell | @dbushell |
var fs = require("fs"),
path = require("path");
module.exports = function(grunt)
dbushell / htmlizr.js
Last active Dec 15, 2015
Grunt task to build HTML templates with includes (original version:
View htmlizr.js
* Copyright (c) David Bushell | @dbushell |
var fs = require("fs"),
path = require("path");
module.exports = function(grunt)
PizzaBrandon / jquery.waituntilexists.js
Last active Jun 30, 2020 — forked from buu700/jquery.waituntilexists.js
Updated waitUntilExists plugin
View jquery.waituntilexists.js
;(function ($, window) {
var intervals = {};
var removeListener = function(selector) {
if (intervals[selector]) {
intervals[selector] = null;
You can’t perform that action at this time.