johncarmody.com Full Stack Development + Interactive Design + Teaching Sculpting Order From Chaos

Project Highlights

Practice makes perfect – my skillset covers an ever-expanding list of fields, roles and technologies.

The best way to keep on top of this growing list of emerging digital storytelling techniques and platforms is to keep learning and practicing, refining and expanding.

Here are some interesting interactive experiments along those lines.

Interactive StoryMap: Bus Trip Across America, pt 1

April 20, 2019 9:57 pm Published by

Here is another StoryMap, featuring journal entries from the 3 1/2 days it took me to get to California from Washington DC on an open-ended Greyhound bus trip I took around the USA in 1993. I rode from coast to coast and back in 11 days, these are dispatches from the 1st 1/2 of that trip.

Interactive JavaScript Game: O No!

April 1, 2019 11:17 pm Published by

Click here to play this JavaScript game, an homage to my about-to-be-expelled-from-high-school years mainly spent dropping quarters in video game arcades listening to what is now called classic rock. Designed to make my friends laugh, this game is meant to drive the player crazy. So far I can sometimes score as high as 900, but no higher - can you do better?

Interactive StoryMap: Life on the Mississippi

November 18, 2013 12:28 am Published by

This storymap shows highlights of journal entries from a 9-day open-ended Greyhound bus trip I took in 1994, going south and exploring bus stop towns along the Mississippi River. This was a 100% spur of the moment, anti-destinational trip which started in the lushest of tasteless pulchritude and ended for the most part in a near-empty topless bar. All photos and text © John Carmody, Washington DC.

Graphic Design: Custom T-Shirts

August 22, 2018 2:08 pm Published by

I designed the "We Can Moo It" T shirt for the 2017 Walk To End Alzheimers. The shirt company gave me a lot of grief about copyright, despite the image being owned by the National Archives; despite my changing 25% of the main text, and despite a font change in the main headline. Legal heads prevailed, and the shirts were a big success.

Graphic Design: CSS Grid Print-To-Web Experiments

May 30, 2018 6:23 pm Published by

To get better acquainted with it, I started some print-to-web experiments. Each item is a different design approach highlighting my different skill sets and aptitudes. The last is a statistical series which I can imagine playing on subway station kiosks or bus shelters.

Interactive Deep-Zoom Image (DZI) Batch Image Processor and Gallery

May 6, 2015 1:04 pm Published by

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. Using open-source JavaScript libraries in the front-end to guide visitors on a pleasing journey through the thousands of images in the collections, this responsive solution also simultaneously automates custom SQL INSERT statements, adding 1,000s of hi-resolution TIF & JPG image records to a database all at once.

Gonzaga College High School Archives

July 23, 2014 8:26 pm Published by

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.

Graphic Design: Content Portability & the Information Hierarchy

January 9, 2015 6:57 pm Published by

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.

Interactive Map: 1850 Irish Census, by Parish

July 15, 2020 5:31 pm Published by

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.

Interactive MP3 Player With Animated SVG Kaleidoscopic Logo

February 21, 2015 7:36 pm Published by

I digitized my great-grandfather's 78rpm Victrola records dating back a hundred years or more. I then built this HTML5 mp3 player combining CSS3 transformations & custom JavaScript to create a beautiful experimental kaleidoscopic SVG-animated logo.

Interactive: Image Gallery Photowall

January 15, 2014 1:02 am Published by

Inspired by the fireflies in my backyard, this experimental responsive gallery uses JavaScript; AJAX & Bootstrap to serve up samples of my photography. Picture this as a very large horizontal or vertical interactive screen, with all content animating in the DOM, where you can filter and interact with it.

Interactive Genealogy Exhibition & Archives

July 7, 2014 5:01 pm Published by

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.

GWU Course: Frame By Frame Animation

December 15, 2017 10:22 pm Published by

Using "frame" as a metaphor for the relationship between sequence and simultaneity, Frame-By-Frame Animation (an undergraduate course I designed and teach at George Washington University) delivers insight into the ongoing evolution of animated content as well as hands-on experience exploring time-based projects based on physical, digital & web media.Focusing on the animation, stop-motion and time-lapse work of Segundo de Chomón, Georges Méliès, Walt Disney, Ray Harryhausen, Jan Švankmajer, Terry Gilliam, James Cameron and PES, among others, I utilize still photos, text, clay, found objects, cut-out drawings and paint to introduce students to the principles and workflows for physical and digital frame-by-frame animation, including detailed storyboarding; audio editing and synchronization; lighting and much more.

JavaScript Count-Down Timer with Full Page Map

November 13, 2014 4:52 pm Published by

Happy 150th Birthday, Cornelius J. Carmody!My great grandfather had his sesquicentennial birthday recently, so I whipped up this interactive prototype as part of my genealogy museum project. It features Javascript, PHP, mySQL, CSS3 and Google Maps APIv3.

Introduction to Obsolete Media

July 24, 2014 11:36 pm Published by

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?”

Audio Wave-Form Animation

July 20, 2014 8:12 pm Published by

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.

Print to Web Experiments: Future-Proof Solutions

July 29, 2014 7:09 pm Published by

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.

How To Watch Sound

July 24, 2014 11:34 pm Published by

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.

Original Custom Face Mask Designs

Stay Healthy (Or Stay Beautiful) With An Original Design

Custom-Designed Clothing For Sale!

I focus on recreations of ephemeral relics from the better days of the USA

Highlights Of My Work