Skip to content

Instantly share code, notes, and snippets.

View dwighthouse's full-sized avatar

dwighthouse

9 followers · 0 following
View GitHub Profile
@dwighthouse
dwighthouse / PersonalReset.scss
Created December 28, 2013 23:25
Personal Reset CSS in SASS/Bourbon context
html, html * {
margin:0;
padding:0;
border:0;
outline:0;
@include box-sizing(border-box);
}
html {
@dwighthouse
dwighthouse / DeepObject.js
Created November 13, 2013 01:15
Deep-object creation and detection in Javascript with Underscore/Lodash
// injectObjectPath
// For a deep-object path, creates new or returns existing deep-object
// Params:
// obj: the lowest level object
// path: dot-delimited deep-object path
// Returns:
// deep-object created or found
// Usage:
// var integerValidator = injectObjectPath(window, 'rr.validators.integer');
// Notes:
@dwighthouse
dwighthouse / Centered, Bounded Range
Last active September 21, 2016 21:37
Pagination Helpers1. centeredRange - generates a centered range ([start, end]) based on a number and range length2. boundRange - safely and efficiently bounds a range while maintaining the range length if possible
function centeredRange(number, length) {
// Find starting number as about half of the range length to the left (favoring forward)
number += 1 - Math.ceil(length / 2);
// Find ending number as a length's distance away, minus 1 because the starting number counts towards the length
return [number, number + length - 1];
}
function boundRange(range, min, max) {
// If end > max, shift range backward by the difference
var start = range[0] + Math.min(max - range[1], 0);
@dwighthouse
dwighthouse / Minimal HTML5 Boilerplate
Last active December 21, 2015 20:19
Based on HTML5 Boilerplate ( http://html5boilerplate.com/ ), but without a lot of the boilerplate I often find unnecessary.
<!doctype html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" href="theme/css/styles.css">
@dwighthouse
dwighthouse / PersonalReset.css
Created August 26, 2013 18:43
Use after normalize.css ( http://necolas.github.io/normalize.css/ )
/* Personal Reset (to be used after normalize.css) */
html, html *
{
margin:0;
padding:0;
border:0;
outline:0;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
@dwighthouse
dwighthouse / gallery-izer
Last active December 21, 2015 06:38
Generate thumbnails for a folder full of images using ImageMagick