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

UI and UX

WordPress Dev & Design: National Press Foundation

January 15, 2016 10:38 pm Published by

I was hired to design and build the National Press Foundation a state-of-the-art Digital Asset Management system allowing the foundation to deliver streamlined interactive educational experiences to the national and international journalists who make up their target audience.

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.

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.

Organizing For Innovation

July 18, 2014 2:32 am Published by

This client specialized in innovation management. I delivered an elegant corporate identity and strategic blueprint for furthering the client's strategy, message and goals. This solution is RWD, built with a 100% custom Bootstrap theme in Wordpress.

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.

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.

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.

Custom-Designed Tee Shirts For Sale!

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