Skip to content

Instantly share code, notes, and snippets.

View jonjaques's full-sized avatar

Jon Jaques jonjaques

21 followers · 24 following
View GitHub Profile
@jonjaques
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
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
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
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
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
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
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
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
jonjaques / replaceseer.js
Last active December 18, 2015 15:09
Replace Seer
(function($) {
var Memcache = function(hash) {
var self = this,
this.lookupCache = [],
this.valueCache = [];
$.map(hash, function(val, key) {
self.lookupCache.push(key);
self.valueCache.push(val);
@jonjaques
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');