Skip to content

Instantly share code, notes, and snippets.

View nicholasstephan's full-sized avatar

Nicholas Stephan nicholasstephan

View GitHub Profile
@nicholasstephan
nicholasstephan / gist:2002638
Created March 8, 2012 18:48
HTML: Basic page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<link rel="stylesheet" href=""/>
</head>
<body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/latest/jquery.min.js"></script>
@nicholasstephan
nicholasstephan / gist:2002682
Created March 8, 2012 18:53
CSS: Image Replacement
.ir {
border:0;
font: 0/0 a;
text-shadow:none;
color:transparent;
background-color:transparent;
}
@nicholasstephan
nicholasstephan / gist:2081290
Created March 18, 2012 21:03
JS: jQuery Widget
;(function($) {
$.widget('ui.', {
_create: function() {
},
_init: function() {
@nicholasstephan
nicholasstephan / jquery.plugin.js
Last active October 10, 2015 14:17
JS: jquery plugin
(function (factory) {
if (typeof define === 'function' && define.amd) {
define(['jquery'], factory);
} else {
factory(jQuery);
}
}(function ($) {
"use strict";
@nicholasstephan
nicholasstephan / gist:3717804
Last active October 10, 2015 16:18
JS: url params
function getQueryString() {
var e,
p = {}, // returned params
a = /\+/g, // Regex for replacing addition symbol with a space
r = /([^&=]+)=?([^&]*)/g,
d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
q = window.location.hash.substring(1);
while (e = r.exec(q))
p[d(e[1])] = d(e[2]);
@nicholasstephan
nicholasstephan / gist:3729632
Last active October 10, 2015 17:58
JS: jquery has selector shorthand
jQuery.parse.push(/^\s*(<)(\s*)(.*)$/);
jQuery.expr["<"] = jQuery.expr[":"].has;
@nicholasstephan
nicholasstephan / rAF.js
Last active December 14, 2015 21:08 — forked from paulirish/rAF.js
JS: requestAnimationFrame polyfill
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
// requestAnimationFrame polyfill by Erik Möller
// fixes from Paul Irish and Tino Zijdel
(function() {
var lastTime = 0;
var vendors = ['ms', 'moz', 'webkit', 'o'];
for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
@nicholasstephan
nicholasstephan / webapp meta
Last active December 15, 2015 01:19 — forked from tfausak/ios-8-web-app.html
HTML: Full iOS webapp meta data.
<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<!-- iPhone -->
<link href="img/touch-icon-57x57.png"
sizes="57x57"
rel="apple-touch-icon">
<link href="img/touch-startup-image-320x460.png"
media="(device-width: 320px) and (device-height: 480px)
@nicholasstephan
nicholasstephan / main.css
Last active December 15, 2015 21:39
CSS: Retina Media Queries
@media only screen and (min-width: 320px) {
/* Small screen, non-retina */
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
@nicholasstephan
nicholasstephan / gist:5834151
Created June 21, 2013 20:37
HTML: angular firebase bootstrap
<!DOCTYPE html>
<html ng-app>
<head>
<title></title>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"/>
<style>
</style>