Skip to content

Instantly share code, notes, and snippets.

View Orangetronic's full-sized avatar

David Miller Orangetronic

View GitHub Profile
@Orangetronic
Orangetronic / minimalPageSlider.html
Last active October 13, 2015 15:18
A CodePen by David Miller. Single page app CSS page slider with bonus minimalism - Forked. cleaner.
<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 / pageslider.html
Last active December 10, 2015 05:08
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…
<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 / index.html
Created December 31, 2012 00:19
A CodePen by David Miller. page flow experiment - exploring ways of flowing elements around page transition.
<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 / .shellthings
Last active December 17, 2015 22:29
shell functions and bash bits!
# 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 / mod_rewrite gold
Last active December 22, 2015 23:49
Helpful mod_rewrite snippets: 1. Apache mod_rewrite rule to fake virtualhost in shared hosting environments where apache config files are not accessible.
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

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

/*
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;
@Orangetronic
Orangetronic / iterable-tree.md
Last active May 21, 2019 10:05
Iterable tree class by @Orangetronic

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" },
@Orangetronic
Orangetronic / for_each_db.js
Created May 30, 2019 13:10
run a command across all the databases in mongo from the Studio 3T mongo shell
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);
});
@Orangetronic
Orangetronic / description.md
Last active May 30, 2019 15:49
use-pausable-timeout

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