julzmon’s gists

paulirish / rAF.js

Last active July 15, 2026 02:10

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

	// MIT license

	(function() {
	var lastTime = 0;
	var vendors = ['ms', 'moz', 'webkit', 'o'];

jameswyse / bootstrap-grid.css

Created March 3, 2012 15:10 — forked from abitgone/bootstrap-grid.css

Grid Overlay for Twitter Bootstrap

	/*
	* Grid Overlay for Twitter Bootstrap
	* Assumes a 1.692em baseline grid (22px/13px)
	*/
	@media (min-width: 1200px) {
	body {
	background: -webkit-linear-gradient(
	90deg,
	rgba(0,0,0,0.05),
	rgba(0,0,0,0.05) 4.545%,

conorbuck / angle-between-points.js

Created May 5, 2012 22:51

JavaScript: Find the angle between two points

	var p1 = {
	x: 20,
	y: 20
	};

	var p2 = {
	x: 40,
	y: 40
	};

fastdivision / font-family-mixin.sass

Last active October 8, 2015 14:18

Useful Sass Mixins

	=font-family($family: "proxima-nova")
	@if $family == "proxima-nova"
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif
	@if $family == "freight-sans"
	font-family: "freight-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif

justinhillsjohnson / gist:5503121

Created May 2, 2013 15:43

code-review-checklist


	General

	1. Site uses a cache buster for expiring .js, .css, and images
	2. JavaScript and CSS is minified and concatenated into logical groupings
	3. Images have been optimized by ImageOptim (http://imageoptim.com/)

	Markup

	1. Code does not contain inline JavaScript event listeners

lukeholder / nav.twig

Last active June 20, 2018 16:53

nested navigation with in template variables.

	{% set nav = [
	{"href": "http://1.com", "name": "link1","sublinks":null},
	{"href": "http://1.com", "name": "link2","sublinks":null},
	{"href": "http://1.com", "name": "link3","sublinks":
	[{"href": "http://1.com", "name": "link 3.11","sublinks":null},
	{"href": "http://1.com", "name": "link 3.22","sublinks":
	[{"href": "http://1.com", "name": "link 3.11","sublinks":null},
	{"href": "http://1.com", "name": "link 3.22","sublinks":null}
	]
	}]

justincarroll / bootstrap-masonry-template.htm

Last active August 15, 2020 16:48

This is my template for using Masonry 3 with Bootstrap 3. For those of you who follow this gist a lot has changed since Bootstrap 2.

	<!DOCTYPE HTML>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Bootstrap Masonry Template</title>
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
	<link rel="stylesheet" href="style.css">
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700">

erikflowers / Bootstrap-3-Smallest-Column-Mixin

Last active December 21, 2015 06:19

If you are building your Bootstrap 3 grid entirely using mixins, you need to declare a base column mixin for proper, full width columns at the smallest level. Otherwise, they lack the proper padding, min-height, and position as the same HTML markup column would have by default. This is used by adding .make-column(); at the base level before you …

	// Generate a mixin for mobile full width columns, to maintain the same attributes
	.make-column(@gutter: @grid-gutter-width) {
	position: relative;
	// Prevent columns from collapsing when empty
	min-height: 1px;
	// Inner gutter via padding
	padding-left: (@gutter / 2);
	padding-right: (@gutter / 2);
	}

firepol / bootstrap_ms.css

Last active September 23, 2020 19:14 — forked from andyl/bootstrap_ms.css

updated max-width: 767px to avoid breaking the existing behavior on col-sm

	.col-ms-1,
	.col-ms-2,
	.col-ms-3,
	.col-ms-4,
	.col-ms-5,
	.col-ms-6,
	.col-ms-7,
	.col-ms-8,
	.col-ms-9,
	.col-ms-10,

hatefulcrawdad / modern-scale.scss

Last active February 26, 2024 07:02

SCSS version of http://typecast.com/blog/a-more-modern-scale-for-web-typography

	// --------------------------------------------------------------------------------------
	// A More Modern Scale for Web Typography
	// Based on this article: http://typecast.com/blog/a-more-modern-scale-for-web-typography
	// --------------------------------------------------------------------------------------

	$body-font-size: 1em !default;

	// Adjusts body typography to be default
	// for each browser.
	@mixin reset-body-font-size($font-size: 100%, $size-adjustment: 0.5) {

Julian julzmon