dwighthouse’s gists

dwighthouse / gallery-izer

Last active December 21, 2015 06:38

Generate thumbnails for a folder full of images using ImageMagick

rm -rf t && mkdir t && mogrify -gravity center -resize 150x150^ -crop 150x150+0+0 -format jpg -quality 80 -strip -interlace plane -path t *.*

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 / 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 / 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 / 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 / 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 / Lo-Dash Recipes

Last active February 24, 2016 16:58

Ways to accomplish various tasks in Lo-Dash, focusing on terse-ness

	// Lo-Dash 3.8.0

	// -----------------------------------------------------------------------------
	// Search String to Object
	// -----------------------------------------------------------------------------
	// Handles many slightly malformed styles (see tests)
	// Expects each query to be separated by '&'
	// Expects each pair to be separated by '='

	_.chain(queryString) // or get the current query string: window.location.search

dwighthouse / jssSheet.js

Created July 25, 2015 01:59

Old JSS React Wrapper

	'use strict';

	var _ = require('lodash');

	// JSS styling
	var jss = require('jss');

	// Order matters!
	// https://github.com/jsstyles/jss-camel-case/issues/1
	jss.use(require('jss-extend'));

dwighthouse / jssSheet2.js

Last active August 29, 2015 14:25

New attempt to add helper function to react-jss.

	'use strict';

	var _ = require('lodash');

	// JSS styling
	var jss = require('jss').create();

	// Order matters!
	// https://github.com/jsstyles/jss-camel-case/issues/1
	jss.use(require('jss-extend'));

dwighthouse / InsertBetween.js

Last active November 16, 2015 21:03

InsertBetween.js - Inserts stuff between other stuff in React context

	'use strict';

	var React = require('react');

	// Inserts stuff between other stuff in React context

	// Usage
	// <InsertBetween separator={', '}>
	// <span>1</span>
	// <span>2</span>