Interactive

  • National Press Foundation

    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.

  • The Corcoran Gallery of Art – Interactive Exhibition Kiosk

    The Corcoran Gallery of Art in Washington DC hired me to build an interactive exhibition kiosk as part of their special exhibition “The American Evolution – A History Through Art“. Displayed prominently in the gallery, this interactive exhibition presented visitors with an educational and entertaining look into 100+ pages from the sketchbooks of German-American master Albert Bierstadt (1830-1902), from which came some of his most famous work.

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

    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.

  • LaBokay Natural Resources

    LaBokay Natural Resources is a Louisiana investment company that owns mineral rights on 270,000 acres in some of the most productive areas in western Louisiana, exclusively focused on leasing oil and gas rights for exploration and development by others. I delivered an online identity highlighting LaBokay’s success in realizing the full potential of its oil and gas assets.

  • Interactive Temporal Map, Family Journeys, 1730 – 1960

    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.

  • Interactive Map: Ireland 1850 Census > Family Households by Parish

    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

    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 Fact Sheet with Dynamic Data

    A PHP plugin experiment I wrote for generating interactive charts and graphs as well as formatted content, notes & sources. It uses custom WordPress, JavaScript, Bootstrap, PHP, mySQL & HighCharts. It’s a nice typographical treatment, and the information hierarchy is just right.

  • Interactive Rubik’s Cube: Maps of Old Washington DC

    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.

  • Interactive Genealogy Exhibition & Archives

    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.

  • JavaScript Count-Down Timer with Full Page Map

    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.

  • Interactive Map Tour of Tenleytown, DC

    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.

  • HTML5 JS Animation w/Greensock GSAP + CSS3 Transforms

    This 30-second animation uses a suite of animation tools + custom scripting to tell a story with dynamic database-driven content. This uses JavaScript, Greensock GSAP, CSS3, PHP, mySQL, jQuery UI and HTML5. No Flash.

  • Print to Web Experiments: Future-Proof Solutions

    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.