Blog
An archive of technical writing from 2010–2012 — jQuery UI widgets, CSS 3D experiments, and D3.js — preserved with their original live demos.
Creating the Earth with D3.js
There is no way around it, creating data visualizations with D3 is just plain fun. Lately, I have especially enjoyed building map visualizations, but I hadn’t figured out an excuse to use the azimuthal projection on a project.
Building the Hancock Tower in CSS
Still feeling inspired by Building a CSS City, I recreated another Boston building using CSS transforms this weekend: the Hancock Tower. This one was a bit tougher than building the Prudential Tower because it is more than just a few different size boxes …
Building the Prudential Tower in CSS
Last week I saw an awesome post by Matteo Spinelli on Building a CSS City and loved the idea. Since I am somewhat obsessed with trying to build things with 3D transforms (even though they are very impractical at this point), I decided …
Revisiting the jQuery UI Time Slider
Last year I wrote a post on how to use the jQuery UI slider widget for time ranges. I got emailed a question about it two weeks ago and looking back at the code, I realized there were many things …
Slideshow with CSS 3D Transforms Part 2: Playing with Shapes
So there were a couple of issues in Part 1: 1) I was using ‘class’ as an element in the options object and threw an error in Safari. 2) The rest of the page besides the gallery looked really uninteresting. …
Creating a Slideshow using CSS3 3D Transforms
This weekend I was creating a couple fun ideas with Zoomooz.js, an awesome jQuery plugin for zooming to elements on a page, and was bummed to see that it couldn’t handle 3D transforms yet. After seeing Paul Hayes 3D Sphere and the Morphing …
Using a jQuery UI Slider to Select a Time Range
Recently I was trying to create a web form where a user could enter a start time and end time to create a time window for a schedule. However, the easiest solution – having a user enter the times into …