Skip to content

Instantly share code, notes, and snippets.

David Miller Orangetronic

Block or report user

Report or block Orangetronic

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
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.