I recently built a custom PHP- and mySQL-based WordPress automation system for batch image processing and deep-zoom image creation (DZI). Click here to see it in action.
I was part of a select team granted access to the archives of Gonzaga College High School in Washington DC, to organize and evaluate the school’s large and historic collections and artifacts. Dating to 1821, the archives include relics and remnants of Gonzaga, Notre Dame Academy, St. Aloysius Parish, the Swampoodle and Sursum Corda neighborhoods and old Washington DC before, during and after the Civil War.
There are many ways to say the same thing. I designed and coded these examples for my students to demonstrate the idea of “portability of content”, to get them thinking about the information hierarchy and simultaneous uses of data in layout design. For each design, there are the same 7 sections in the information hierarchy. The HTML in each of these designs is 100% the same – all that changes is the CSS.
Part of a multimedia genealogy project, this interactive temporal map shows residence and migration patterns of ancestors from Europe in the 1730s to America starting in the 1820s.
This interactive map shows where people of specific surnames lived in Ireland in the 19th century, according to parish records. I scraped a static dataset from the Irish Times website, and built a much more interesting way to view the same information, with additional insights provided by clustering of semi-opaque colored markers. The dataset has 4 pieces of information: latitude, longitude, name of parish and number of family surnames in that parish.
I used a collection of old maps of Washington DC for this Rubiks Cube code experiment from Google Chrome Labs. It would seem to make the game exponentially harder, especially if one does not know old Washington DC.
This is a feature-rich genealogy framework w/interactive family trees; digital maps; galleries; timelines; 8mm home movies; restored 78s; census records; manifests; detailed research, and much more. This high-end secure CMS solution uses the latest and greatest, scales to any size (screen, data-set and audience) and is entertaining and educational.
This interactive map tour through historic Tenleytown in Washington, DC uses ESRI and ArcGIS to serve up a responsive, educational map of razed residences and stores.
Intro to a lecture for an Art History class I taught at the Corcoran College of Art + Design: Digital Media Culture. I put together coverage of the 1937 Hindenburg disaster using obsolete media to fuel the discussion: “How will we communicate 75 years from now? To what extent will contemporary modern media be extant then?”
It can be a real pain to get live wave forms in a multimedia project. Creative custom programming, however, simplifies things quite a bit. For this project highlighting the music I’ve written and performed over the years, I used Adobe After Effects + Flash ActionScript3 programming to create the live wave form animations. This song and the others on this site all use this function.
A big part of teaching emergent communication (and programming) to college design majors is getting the students comfortable with the new paradigm that virtually all future design will be executed by code. They have to learn basic programming skills at the very least to be competitive. These screenshots are from work I designed and executed for class lectures toward that end: I took print ads, album covers and book covers and reproduced them with HTML5, jQuery and CSS3. Then the students created their own fully-coded versions, recycling dying media into future-proof solutions.
I remixed & animated this classic rock song for one of the New Media Photojournalism graduate classes I taught at the Corcoran College of Art + Design. The idea was to introduce people to observing sound with their eyes, not their ears.