Skip to content

Instantly share code, notes, and snippets.

View oobleck's full-sized avatar
⌨️
clickety-click-click

Spencer R. oobleck

⌨️
clickety-click-click
13 followers · 9 following
View GitHub Profile
@oobleck
oobleck / resume.json
Last active December 11, 2022 22:06
JSONResume
{"basics":{"name":"Spencer Rhodes","label":"UI Engineer","image":"https://avatars.githubusercontent.com/u/440719?v=4","email":"","phone":"","url":"https://spencerrhodes.dev","summary":"","profiles":[{"network":"gitconnected","username":"oobleck","url":"https://gitconnected.com/oobleck"},{"network":"GitHub","username":"oobleck","url":"https://github.com/oobleck"},{"network":"LinkedIn","url":"https://linkedin.com/in/oobleck","username":"oobleck"}],"headline":"Building compelling user interfaces","blog":null,"yearsOfExperience":12,"username":"oobleck","locationAsString":"Bay Area, CA","region":"Bay Area, CA","karma":10,"id":"3b7c5532-9a8e-46da-bd6f-8374b1881297","followers":3,"following":9,"picture":"https://avatars.githubusercontent.com/u/440719?v=4","website":"https://spencerrhodes.dev"},"skills":[{"name":"Angular","level":"Expert","keywords":["Web Development"],"rating":5,"yearsOfExperience":10},{"name":"Typescript","level":"Advanced","keywords":["Web Development"],"rating":4,"yearsOfExperience":7},{"name":"C
@oobleck
oobleck / _mat-palette.scss
Created July 14, 2022 18:36
Material palette generator
// Material palette generator
// Taken from https://sparagino.it/2020/06/09/sass-only-material-angular-palette-generator/
@use 'sass:math';
@use 'sass:map';
$values: (50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200, A400, A700);
@function create-palette($color) {
$white: #fff;
$black: #000;
@oobleck
oobleck / bb-long-polling.js
Last active August 29, 2015 14:16
Backbone long polling module
/**
* Long Polling module for Backbone.
*
* @requires jQuery >= 1.7
* @param {Library} $ jQuery
* @param {Library} Backbone Backbone
* @demo http://codepen.io/oobleck/pen/dPjYXo?editors=101
* @example
* // Assuming we're in a Backbone.View:
* this.longPoll(opts)
@oobleck
oobleck / insecticide.js
Last active August 29, 2015 14:12
Tiny pesticide clone from Addy Osmani and friends. It outlines every unique tag type in a color for DOM visualization.
// Gathered & compiled from https://gist.github.com/addyosmani/fd3999ea7fce242756b1
for(i=0;A=$$("html /deep/ *")[i++];)A.style.outline="solid hsl("+parseInt(A.tagName,36)+",99%,50%)1px"
// Or the no color onion layer version
for(i=0;A=$$("*")[i++];)A.style.backgroundColor="rgba(0,0,0,0.01)"
@oobleck
oobleck / newMac.sh
Last active August 29, 2015 14:06
Homebrew + Cask quick install for new mac bootstrapping
#!/bin/sh
function main () {
export base_casks=('google-chrome' 'firefox' 'alfred' 'textwrangler' 'dropbox' 'google-drive' 'controlplane' 'slimbatterymonitor' 'cyberduck' 'monolingual' 'transmission')
export utils_casks=('quicklook-csv' 'betterzipql')
export dev_casks=('brackets' 'sublime-text' 'filezilla' 'sourcetree' 'quicklook-json' 'prepros')
export viz_casks=('gimp' 'inkscape' 'picasa')
export cli_casks=('wget' 'node' 'git' 'htop')
export cask_path=`which brew`
@oobleck
oobleck / bmi-jira-enhancements.user.js
Last active August 29, 2015 14:06
JIRA Helpers
// ==UserScript==
// @name JIRA Enhancements
// @namespace https://github.com/oobleck
// @version 0.0.01
// @updateURL https://gist.github.com/oobleck/c3dafe79c7acb8fbebd5
// @downloadURL https://gist.github.com/oobleck/c3dafe79c7acb8fbebd5/raw/bugzilla-enhancements.user.js
// @description Enhances bugzilla. Several fixes that were sadly lost when Userscripts.org went belly up.
// @include http://jira-jira.host.beaconama.net*
// @run-at document-end
// @copyright 2014+, Spencer Rhodes
@oobleck
oobleck / bmi-helper.user.js
Last active August 29, 2015 14:02
BMI Helper UserScript
// ==UserScript==
// @name Beacon Environment Hilighter
// @namespace https://beaconama.net/
// @version 0.0.3
// @description Make it more obvious which environment you're looking at
// @match *://beaconama.net/*
// @match *://*.beaconama.net/*
// @copyright 2014+, You
// ==/UserScript==
@oobleck
oobleck / bugzilla-enhancements.user.js
Last active August 29, 2015 14:02
Bugzilla enhancements
// ==UserScript==
// @name Bugzilla Enhancements
// @namespace https://github.com/oobleck
// @version 0.0.4
// @updateURL https://gist.github.com/oobleck/c3dafe79c7acb8fbebd5
// @downloadURL https://gist.github.com/oobleck/c3dafe79c7acb8fbebd5/raw/bugzilla-enhancements.user.js
// @description Enhances bugzilla. Several fixes that were sadly lost when Userscripts.org went belly up.
// @match *://*/bugzilla/*
// @copyright 2014+, Spencer Rhodes
// @require http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js
@oobleck
oobleck / jquery.debounce.js
Created March 9, 2014 03:02
jQuery: Debounce method in jQ namespace. See comments for original script
// Source: http://stackoverflow.com/a/4298672/2573965
;(function($) {
// http://en.wikipedia.org/wiki/Debounce#Contact_bounce
// Runs func after the calling event trigger completes. Useful for window resizes, etc.
$.fn.debounce = function debouncer( func , timeout ) {
var timeoutID , timeout = timeout || 200;
return function () {
var scope = this , args = arguments;
clearTimeout( timeoutID );
timeoutID = setTimeout( function () {
@oobleck
oobleck / jquery.equal-height.js
Created March 9, 2014 03:00
jQuery: My element height equalizing plugin.
/**
* jQuery plugin to equalize the dimensions of elements within a parent container.
* Author: Spencer Rhodes <spencer at spencer dash rhods dot com>
* License: MIT
*
* opts.method = ['height', 'outerHeight', 'innerHeight', 'width', 'outerWidth', 'innerWidth'].
* Defaults to 'outerHeight'.
* opts.children = selector for elements to equalize. Defaults to immediate children.
* opts.adjust = integer to adjust the final max value by. Defaults to 0
* opts.reset = not used