Skip to content

Instantly share code, notes, and snippets.

David Miller Orangetronic

View GitHub Profile
@Orangetronic
Orangetronic / description.md
Last active May 30, 2019
use-pausable-timeout
View description.md

This is a React hook that creates a timeout, and provides functions for pausing, resuming, and resetting that timeout.

@Orangetronic
Orangetronic / for_each_db.js
Created May 30, 2019
run a command across all the databases in mongo from the Studio 3T mongo shell
View for_each_db.js
db = db.getSiblingDB("admin");
dbs = db.runCommand({ "listDatabases": 1 }).databases;
// Iterate through each database and get its collections.
dbs.forEach(function(database) {
db = db.getSiblingDB(database.name);
});
View iterable-tree.md

Instantiate this class around a tree-like object, e.g.

const filetree = new IterableTree({
  name : "Desktop",
  children : [
   { name : "funny.gif" },
   { name : "resume.pdf" },
   { name : "memes",
     children : [
      { name : "distracted-boyfriend.png" },
View outgenius.css
/*
ADD THESE LINES TO YOUR SITE'S STYLESHEETS TO HIDE THE GENIUS WEB ANNOTATOR STUFF.
*/
genius-back-page, genius-back-page-mobile-clickjacker, genius-pre-annotation-prompt {
display: none;
visibility: hidden;
opacity: 0;
position: absolute;
left: -10000px;
View gist:9997325

RESUMÉ: David Miller

Profile

Designer/developer fascinated by the promise of the web. Front end proficiency strong. Some excursions through full-stack development/deployment. Four years running successful freelance business. Youth educator in media-literacy focussed summer program. Fascinated by the way we use technology to engage with the world around us. Philosophy B.A. with breadth and depth of hands-on technical experience in design, complex problem-solving and analysis, and online technologies. Managerial and team experience as editor of student publications. Occasional musician.

Professional Experience

Freelance designer/developer, orangetronic.com — 2006 - present

@Orangetronic
Orangetronic / mod_rewrite gold
Last active Dec 22, 2015
Helpful mod_rewrite snippets: 1. Apache mod_rewrite rule to fake virtualhost in shared hosting environments where apache config files are not accessible.
View mod_rewrite gold
RewriteCond %{HTTP_HOST} ^mydomainname\.com$ [OR]
RewriteCond %{HTTP_HOST} ^www\.mydomainname\.com$
RewriteCond %{REQUEST_URI} !^/subfoldername/
RewriteRule (.*) /subfoldername/$1
#from http://stackoverflow.com/a/11090555/2776197
@Orangetronic
Orangetronic / .shellthings
Last active Dec 17, 2015
shell functions and bash bits!
View .shellthings
# Download all the images from a webpage
# Usage: imagegrab URL
function imagegrab () {
wget -nd -r -l 2 -A jpg,jpeg,png,gif $1
}
# Grab all the colours from a stylesheet and dump them in a snippets file
# Totally useless with minified stylesheets.
# Usage: stylegrab styleSheetURL styleExpression
function stylesgrab () {
@Orangetronic
Orangetronic / index.html
Created Dec 31, 2012
A CodePen by David Miller. page flow experiment - exploring ways of flowing elements around page transition.
View index.html
<header>
<div class="button first" href="#1">1</div>
<a class="button second" href="#2">2</a>
<a class="button third" href="#3">3</a>
<a class="button fourth" href="#4">4</a>
</header>
<div id="container">
@Orangetronic
Orangetronic / pageslider.html
Last active Dec 10, 2015
A CodePen by David Miller. Super Simple Responsive Slider (for your single-page buzzword site!) - Super lightweight slider for handling "page" transitions in a single-page site case. Been wanting to figure this out for a while, and hadn't just sat down and done it. But now I have! Uses css3 transitions to move between pages. Tasty webkit hardwar…
View pageslider.html
<div class="navigation">
<ul>
<li>
<a href="#left" class="link-left">Look at that left page</a>
</li>
<li>
<a href="#middle" class="link-middle">Look at that middle page</a>
</li>
<li>
<a href="#right" class="link-right">Look at that right page</a>
@Orangetronic
Orangetronic / minimalPageSlider.html
Last active Oct 13, 2015
A CodePen by David Miller. Single page app CSS page slider with bonus minimalism - Forked. cleaner.
View minimalPageSlider.html
<div class="navigation">
<ul>
<li>
<a href="#left" class="link-left">Look at that left page</a>
</li>
<li>
<a href="#middle" class="link-middle">Look at that middle page</a>
</li>
<li>
<a href="#right" class="link-right">Look at that right page</a>
You can’t perform that action at this time.