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.

LP or Die

February 6, 2021 6:51 pm Published by

I made the mistake of leaving for college w/o laying down some ground rules and my folks tossed my vinyl... View Article

The Spirit of ’59

January 25, 2021 12:10 pm Published by

"The Spirit Of '59" is a mixed-media découpage exploration of the days back when music was good. This piece shows footage from when it was built about 10 years ago, as well as more up-to-date imagery (and yet another reference to The Who.)

Seer/Sucker (aka The Illustrated Man’s Guitar)

January 5, 2021 12:43 pm Published by

"Seer/Sucker (aka The Illustrated Man's Guitar)" is a mixed-media découpage exploration of better days in the USA. Taking a bass guitar that was a birthday gift to me from Pat DiNizio of The Smithereens, I set out to relocate it and me to a whole new plane using good ol' paper and paste. There's a story hidden inside - see it in the midst of still photos; time-lapse imagery; frame-by-frame animation, and straight video. I shot the photographs and video using a cheap-o camera, composed & arranged the soundtrack music, and except for John O. on the drums, played all the instruments.

Chucks Reduxe

December 11, 2020 12:17 am Published by

"Chucks Reduxe" is a time-lapse of my studio shot in late-fall quarantine20 on a cheap-o camera with a soundtrack composed and performed by me.

Interactive: Ireland, 1853 – “Then-and-Now”

November 29, 2020 11:20 am Published by

Another highlight from my interactive Family Museum project, this comparative series shows a "then-and-now" view of locations in Ireland where my paternal great great grandparents who were born before the Great Famine lived.

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.

Custom-Designed Clothing For Sale!

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

Original Custom Face Mask Designs

Stay Healthy (Or Stay Beautiful) With An Original Design

Recent Highlights