Skip to content

Instantly share code, notes, and snippets.

View mildfuzz's full-sized avatar

John Farrow mildfuzz

View GitHub Profile
//styles form padding offset
(function() {
var offset, $input, spanWidth,
$inputs = document.getElementsByClassName('input-wrapper');
for(var i = 0; i < $inputs.length; i++) {
spanWidth = Math.round($inputs[i].childNodes[0].getBoundingClientRect().width);
inoutTextOffset = (spanWidth + 7) + 'px';
$input = $inputs[i].childNodes[1];
$input.style.paddingLeft = inoutTextOffset;
//styles form padding offset
(function() {
var offset, $input, spanWidth,
$inputs = document.getElementsByClassName('input-wrapper');
for(var i = 0; i < $inputs.length; i++) {
spanWidth = Math.round($inputs[i].childNodes[0].getBoundingClientRect().width);
inoutTextOffset = (spanWidth + 7) + 'px';
$input = $inputs[i].childNodes[1];
$input.style.paddingLeft = inoutTextOffset;
@mildfuzz
mildfuzz / total-center.scss
Created August 13, 2014 13:39
Mixin to center vertically and horizontally
@mixin total-center {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
@mildfuzz
mildfuzz / main.js
Created May 30, 2014 09:10
Scrubbable Main.js
/*
* Author: john.farrow@aerian.com
*/
define([], function() {
var init = function(cfg) {
require.config({
baseUrl: cfg.baseUrl
});
require(['./scrubbable'], function(Scrubbable) {
var app = new Scrubbable();
.element {
position: relative;
top: 50%;
transform: translateY(-50%);
}
SASS:
@mixin vertical-align {
position: relative;
@mildfuzz
mildfuzz / test.css
Created April 11, 2014 12:45
test.css
/* Hounslow styleguide */
/* Bootstrap defaults */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
@mildfuzz
mildfuzz / Gemfile
Created April 11, 2014 10:09
gemfile
source 'https://rubygems.org'
ruby '2.1.0'
gem 'rails', '4.0.3'
gem 'pg'
gem 'mysql2'
gem 'foreman'
gem 'puma'
gem 'rails_config'
@mildfuzz
mildfuzz / backbone.assign.js
Created March 8, 2014 18:05
Assign Several Subviews to selectors within current view
Backbone.View.prototype.assign = function(set, preventEmpty) {
/*
accepts an object of selectors:arrays of views
maps each of the views to the selector
*/
var self = this;
//store all subviews
self.assignments = _.extend(self.assignments||{},set);
exports.trimSouthEast = function(files){
/*
* Trims the bottom and right edges
*/
files.forEach(function(file, i){
var origFile = __dirname + file;
var tempFile1 = os.tmpDir() + 'image1_' +i+'.png';
var tempFile2 = os.tmpDir() + 'image2_' +i+'.png';
exec("convert "+file+" -gravity North -background white -splice 0x1 -background black -splice 0x1 -trim +repage -chop 0x1 "+tempFile1,function(){
@mildfuzz
mildfuzz / very_simple_javascript_image_preloader.js
Created June 3, 2013 08:18
Very Simple Javascript Image Preloader
var verySimplePreloader = function(images){
/*
Simply loads images into cache. Accepts a single URL, or an array of URLs
*/
if(!images instanceof Array)
images = [images];
for (var i = 0; i < images.length; i++){
new Image().src = images[i];
}