Skip to content

Instantly share code, notes, and snippets.

View aboutaaron's full-sized avatar

Aaron Williams aboutaaron

188 followers · 129 following
View GitHub Profile
@aboutaaron
aboutaaron / challenge.html
Last active December 18, 2015 14:38
A div with an id of 'slideshow' contains five images, the first of which is shown and the others are hidden using a display style of none. Using Javascript, create a simple slideshow that cycles through the images, displaying each image for three seconds at a time, looping back to the first image when the end is reached. You cannot use jQuery or…
<div id="slideshow">
<img id="container" src="http://placekitten.com/400" alt="kitten" />
<img id="container" src="http://placekitten.com/250" style="display:none;" alt="kitten" />
<img id="container" src="http://placekitten.com/300" style="display:none;" alt="kitten" />
<img id="container" src="http://placekitten.com/200" style="display:none;" alt="kitten" />
<img id="container" src="http://placekitten.com/500" style="display:none;" alt="kitten" />
</div>
<script src="solution.js"></script>
@aboutaaron
aboutaaron / installing_gdal_mac
Created June 26, 2013 20:02
Getting past an error installing gdal and postgis in Mac OS X with Homebrew
`brew install postgis`
But you don't have gdal installed (a dependency) so brew trys to install gdal aaand...
Fails with: `'gcc-4.2' failed with exit status 1`
Solutuion: Run brew install in verbose mode
`brew install -vd postgis` or `brew install -vd gdal`
@aboutaaron
aboutaaron / es.sh
Created August 19, 2013 21:39
cd ~
sudo apt-get update
sudo apt-get install openjdk-7-jre-headless -y
### Check http://www.elasticsearch.org/download/ for latest version of ElasticSearch and replace wget link below
# NEW WAY / EASY WAY
wget https://download.elasticsearch.org/elasticsearch/elasticsearch/elasticsearch-0.90.0.deb
sudo dpkg -i elasticsearch-0.90.0.deb
@aboutaaron
aboutaaron / iterate.js
Created September 5, 2013 17:42
Iterate over DOM nodelist in JavaScript. A reminder.
[].forEach.call(
document.querySelectorAll('.awsome'),
function(el){
doStuffWith(el);
}
);
@aboutaaron
aboutaaron / index.html
Created October 9, 2013 23:21 — forked from rengel-de/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" lang="de" content="Zeitleiste, Zeitlinie, Zeitkarte, Geschichte, Chronologie">
<meta name="keywords" lang="en" content="Timeline, Timemap, History, Chronology">
<title>Timeline - Proof-of-concept</title>
<!-- That's my local d3 path. When working locally, use your local path. -->
@aboutaaron
aboutaaron / stepper.js
Last active December 25, 2015 21:59 — forked from thejefflarson/stepper.js
/* USAGE:
$(function(){
var steps = new Stepper("#steps");
steps.addSlide(1, function(){ this.canvas.text("slide 1"); });
steps.addSlide(2, function(){ this.canvas.text("slide 2"); });
steps.go();
});
*/
@aboutaaron
aboutaaron / miso.ds.deps.ie.0.4.1.custom.js
Created October 29, 2013 21:06
custom version of miso dataset with Moment 2.7 instailled
/**
* Miso.Dataset - v0.4.1 - 11/19/2012
* http://github.com/misoproject/dataset
* Copyright (c) 2012 Alex Graul, Irene Ros;
* Dual Licensed: MIT, GPL
* https://github.com/misoproject/dataset/blob/master/LICENSE-MIT
* https://github.com/misoproject/dataset/blob/master/LICENSE-GPL
*/
//! moment.js
@aboutaaron
aboutaaron / montdor
Created November 4, 2013 06:46
Gen Hack Day 2
# Jackie Goldberg, Yahoo Design @montdor
## 5 ides for content design
1. *INNOVATE*
- Disrupt with balance [life line to hang on to]
- Honor Nielson's Law of Internet UX
- make diversity meaningful
2. *CLARIFY*
@aboutaaron
aboutaaron / install.sh
Last active January 2, 2016 18:39 — forked from paulgribble/install.sh
#!/bin/sh
echo "updating ubuntu"
sudo apt-get -qq update
sudo apt-get -qq upgrade
# development
echo "installing development tools"
sudo apt-get -qq install build-essential
@aboutaaron
aboutaaron / toggleAttr() jQuery plugin
Last active August 29, 2015 14:01 — forked from mathiasbynens/toggleAttr() jQuery plugin
/*!
* toggleAttr() jQuery plugin
* @link https://gist.github.com/aboutaaron/6916c539db4ee9f66d51
* @description .toggleClass() but for attrs. Useful for toggling classes with SVGs or anything that's not a class
* @author Aaron Williams <http://aboutaaron.com/>
* @thanks: Mathias Bynens <http://mathiasbynens.be/> for original
*/
jQuery.fn.toggleAttr = function(attr, value) {
return this.each(function() {
var $this = $(this);