jonjaques’s gists

jonjaques / app.html

Created May 13, 2012 03:02

Less version for reusability and (slightly) more semantic HTML. Full-height 2-column fixed-width plus fluid with header.

	<!doctype html>
	<html lang="en">
	<head>
	<title>Test</title>
	<link rel="stylesheet/less" type="text/css" href="app.less">
	<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/1.3.0/less-1.3.0.min.js" type="text/javascript"></script>
	</head>

	<body>
	<header id="appHeader">Header here</header>

jonjaques / bookmarklet.js

Last active May 5, 2024 21:07

jQuery Bookmarklet Template w/ Async Loading

	// You create your bookmarklet by instantiating
	// a new Bookmarklet function, then pass in the options like so.
	// This example checks to see if the var is already defined, and makes
	// sure not to overwrite it. This could happen if the user clicks on
	// the bookmarklet more than once.

	MyBookmarklet = MyBookmarklet \|\| (MyBookmarklet = new Bookmarklet({
	// debug: true, // use debug to bust the cache on your resources
	css: ['/my/style.css'],
	js: [],

jonjaques / example.js

Last active October 25, 2017 06:04

Library agnostic version of jQuery's Extend

	function myFunction(opts) {
	var defaults = {
	param1: 'foo',
	param2: 'bar'
	};
	var options = __extend(defaults, opts);
	return options;
	}

	myFunction({param2: 'baz'}); // { param1: 'foo', param2: 'baz' }

jonjaques / elements.html

Created July 5, 2012 21:33

HTML5 Element Page

	<!doctype html>
	<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
	<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
	<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
	<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
	<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">

	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame

jonjaques / dog.js

Created July 20, 2012 20:56

Prototypical Inheritance Pattern


	var Dog = function(name){
	var name = name,

	numberOfBarks = function(volume){
	for(var i = 10; volume >= i; i--){
	if(volume % 3 === 0){
	return volume / 3;
	}
	}

jonjaques / main.js

Created December 4, 2012 06:55

Knockout Bookmarklet template, w/ html template loading

	// You create your bookmarklet by instantiating
	// a new Bookmarklet function, then pass in the options like so.
	// This example checks to see if the var is already defined, and makes
	// sure not to overwrite it. This could happen if the user clicks on
	// the bookmarklet more than once.
	(function(global) {

	global.Doublestock = new Bookmarklet({
	css: [
	'css/styles.css'

jonjaques / fbapp.js

Last active December 17, 2015 04:19

Abstracting async ops with promises

	// So let's say you have an async operation that doesn't
	// use a jQuery-ajax method. In my example, I'll use a call
	// to the FB API, which just takes a callback function
	// which gets called with a ```resp``` object.

	FB.api('/platform', function(resp) {
	if (resp.data) {
	success();
	} else if (resp.error) {
	error();

jonjaques / bindings.js

Last active December 17, 2015 16:39

Super-simple touch event bindings for Knockout.js

	// Uses Hammer-jquery \| https://github.com/EightMedia/hammer.js/blob/master/dist/jquery.hammer.js

	$.extend(ko.bindingHandlers, {
	touchEvent: {
	defaults: {},
	init: function(el, valueAccessor, allBindingsAccessor) {
	var self = ko.bindingHandlers.touchEvent,
	events = ko.utils.unwrapObservable(valueAccessor()),
	allOptions = allBindingsAccessor(),
	opts = allOptions.touchEventOptions ? allOptions.touchEventOptions : {};

jonjaques / replaceseer.js

Last active December 18, 2015 15:09

Replace Seer

jonjaques / Gruntfile.js

Created June 23, 2013 04:28

	module.exports = function(grunt) {

	grunt.loadNpmTasks('grunt-contrib-watch');
	grunt.loadNpmTasks('grunt-contrib-compass');
	grunt.loadNpmTasks('grunt-contrib-concat');
	grunt.loadNpmTasks('grunt-contrib-copy');
	grunt.loadNpmTasks('grunt-contrib-clean');
	grunt.loadNpmTasks('grunt-contrib-mincss');
	grunt.loadNpmTasks('grunt-contrib-uglify');

Jon Jaques jonjaques