johnCarmody.com

Web Dev + Design + New Media

If you can describe it, I can build it: custom sites, content management systems & web apps for people who need something more than something off the shelf.

Skills

I do it all: web dev & design; new media integration; audio recording & editing; video editing & much more.

Clients

Museums & galleries; law firms; thoroughbred stables; energy companies; pro rock bands, & many others.

Teaching

I am an experienced college professor, teaching courses in diverse departments & academic disciplines.

Projects

Client work, faculty work, experiments, drafts & proofs of concept.

Biography

Aptitude tests in high school reported I was best suited to be a farmer.

Reading

I threw out my TV 20+ years ago, leaving plenty of time for reading.

Studio

My work studio is a co-mingling of the obsolete and the cutting edge.

Music

Original songs, compositions & soundscapes I’ve written & recorded over the years.

Video

These are mostly time-lapse experiments – I shot the imagery and composed the soundtracks.

Photography

It took me awhile to go digital – a penultimate apostasy in my book.

News

Recently added content, etc.

Resources

Pertinent articles on dev, design and tech.

Recently Added

The Corcoran Gallery of Art

I was hired to build an interactive exhibition kiosk for the special exhibition “The American Evolution – A History Through Art“. Displayed prominently in the gallery, this interactive presented offered an educational & 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.

AgIS Capital

AgIS Capital is a Boston-based firm that makes opportunistic investments in farmland and private equity investments in farmland-rich enterprises. Working with designer Bob Lasater of Lasater/Sumpter Design, we delivered AgIS Capital an online identity reflecting the firm’s dedication to perfection based on their insights, knowledge of emerging opportunities within the agricultural investment arena and conceptions of how best to capitalize on them.

Gonzaga College High School Archives

I was part of a small 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 Gonzaga’s start in 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.

(Real) Books Read: Dynamic literary charts & lists

Proof of concept interactive dashboard w/a single dataset to display statistics of the last several years’ worth of completed books. Not only does it give insight into reading habits over time, it features a sleek & responsive UI with a color-coded filtering system to see subsets of the data, all happening live in the DOM. It is custom-built with Bootstrap3, mySQL, PHP, jQuery, Isotope, CSS3, HighCharts, HighStocks, and miscellaneous JavaScript libraries.

Organizing For Innovation

I recently completed this site for a client specializing in innovation management. Working with designer Yordan Silvera of Tactic Pixel, 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 and is a complete content management system – the client can easily update 98% of the site’s content 24/7/365.

Interactive Genealogy Exhibition & Archives

This is a feature-rich genealogy web app w/interactive family trees; digital maps; galleries; timelines; digitized 8mm home movies; restored 78rpm records; national & regional census records; ship manifests; detailed research findings, 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. It ports simultaneously to a smart phone and a smart surface, making it ideal for interactive exhibitions.

Live Data + Design with CSS

I designed & coded these examples for my students to demonstrate “portability of content”. 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).

I Really Didn’t Mean It!

SONG – When I wrote “I Really Didn’t Mean It!”, I was thinking of a ‘Buck Owens meets the Rolling Stones in 1965 with the drummer from Blondie’ kind-of-thing. This song was performed by one of my bands, The Revellaires, released on Top Records.

Resolution No. One

VIDEO: Influenced by Salvador Dali, Man Ray, Edward Hopper & others, Resolution No. One reflects brooding mood and intensity, solitude and anonymity. Listen closely to the soundscape: all the water, wind & bird sounds are signals from shortwave and pirate radio stations.

Responsive Audio + Video Player

Did you know that I used to be a songwriter & musician? Here I am using Isotope, Bootstrap, jQuery, PHP, mySQL, CSS3 and the Vimeo API to serve up my original music and video projects with a modern, responsive typographic UI.

Some Client Highlights

The Corcoran Gallery of Art

I was hired to build an interactive exhibition kiosk for the special exhibition “The American Evolution – A History Through Art“. Displayed prominently in the gallery, this interactive presented offered an educational & 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.

AgIS Capital

AgIS Capital is a Boston-based firm that makes opportunistic investments in farmland and private equity investments in farmland-rich enterprises. Working with designer Bob Lasater of Lasater/Sumpter Design, we delivered AgIS Capital an online identity reflecting the firm’s dedication to perfection based on their insights, knowledge of emerging opportunities within the agricultural investment arena and conceptions of how best to capitalize on them.

Organizing For Innovation

I recently completed this site for a client specializing in innovation management. Working with designer Yordan Silvera of Tactic Pixel, 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 and is a complete content management system – the client can easily update 98% of the site’s content 24/7/365.

Vietnam Photography

Journalist Robert Hodierne covered the Vietnam war from the DMZ in the north to the Mekong Delta in the south, from the Central Highlands to the coastal plains, photographing soldiers, sailors, Marines, airmen & civilians caught up in the war. I was hired to build a database-driven showcase of his work. Using mySQL and PHP, I delivered a dynamic photography site which allows visitors to view the combat imagery by keywords, text, dates, series and units.

National Assn of Federal Credit Unions

The National Association of Federal Credit Unions is a direct membership association committed to representing, assisting, educating and informing its member credit unions and their key audiences. I was hired to build database-driven website components for their member credit unions. Using mySQL and PHP, I built a dynamic solution pushing cusotmized information on regulatory and other financial issues of the day to member web sites.

Louise Nevelson Foundation

Louise Nevelson (1899 – 1988) was an American sculptor known for “her monumental, monochromatic, wooden wall pieces and outdoor sculptures.” (wikipedia) I delivered this elegant website for the foundation dedicated to her life and work.

The American Gaming Association

The American Gaming Association represents the commercial casino entertainment industry by addressing federal legislative and regulatory issues affecting its members and their employees and customers, such as federal taxation, Internet gambling, and travel and tourism matters. I was hired to design and build the AGA a custom database-driven contact management system and communications repository. With both internal- and public-facing content, the AGA needed a secure way to keep all staff up to date on the latest communications and pertinent news stories related to the gaming industry. This I provided.

American Bankers Association

The American Bankers Association is the voice of the nation’s $14 trillion banking industry. I was hired to build for the ABA PHP-mySQL dynamic brochures for their subscribers – mostly large and small banks. Back before the day of the content management system, member banks could log in to the platform I wrote, update any of their info on pertinent matters of the day (Phishing, Identity Theft, etc.), and have custom brochures dynamically generated with their custom info and branding for web and print collateral.

Siena Farm Thoroughbred Stables

Siena Farm Thoroughbred Stables is a Kentucky-based thoroughbred horse racing stable dedicatde to breeding world-class winners. Working with designer Bob Lasater of Lasater/Sumpter Design, we delivered a site to set the farm apart from its global competitors with a sophisticated in-depth level of technical data, showcasing the farm and individual horses. All easily updated by staff, 24/7/365.

The Hawk ‘n’ Dove Restaurant & Bar

The Hawk ‘n’ Dove Restaurant & Bar was *the* classic dive bar in Washigton, DC. Situated for 45 years on Capitol Hill, its charm, vibe and decor were renowned throughout the District and beyond. I was hired to build the Hawk ‘n’ Dove a database-driven content mangement system to allow staff to update the main Hawk website with news articles, menu selections, specials of the day, photo galleries and much more. Using mySQL and PHP, I delivered a cutting-edge dynamic solution long before CMSs ruled the earth.

Chadwicks Restaurants

Chadwicks Restaurants wants to be “your neighborhood restaurant” – it’s committed to serving great American food at reasonable prices. And Chadwicks still has the best burger in town to prove it. I was hired to design and build Chadwicks Restaurants a dynamic website allowing staff to easily update news; menu selections; driving directions; daily and bar specials and much more. Using PHP and my SQL I built Chadwicks a long-lasting solution for its multiple locations.

Pat DiNizio / The Smithereens

Pat DiNizio is the founder, principal songwriter, guitarist, and vocalist for the platinum recording artists The Smithereens. The band racked up gold and platinum records, and performed on top-rated television programs like The Tonight Show, MTV Unplugged and Saturday Night Live as well as on stages all over the world. I worked with DiNizio on a number of multimedia projects involving him and The Smithereens, such as a custom database-driven website where he could easily add news, tour dates, photos and more. I also worked on numerous side projects with DiNizio, including CD cover design; Flash AS3 animation; HTML5 audio and video players; promotional collateral; poster design and much more.

The Wild Bunch

“The Wild Bunch” was a side-project cover band that featured players such as Go-Go’s bassist Kathy Valentine and Doobie Brothers/Steeley Dan guitarist Jeff “Skunk” Baxter to Gilbey Clark of Guns n’ Roses, Clem Burke (Blondie), Marshall Crenshaw and Pat DiNizio (The Smithereens.) I designed and built this one-of-a-kind superstar group a unique web presence designed to keep fans and press in the loop as to upcoming appearances, news, photos and more. I also created promotional materials, collateral, take-aways and posters.

Some Project Highlights

Gonzaga College High School Archives

I was part of a small 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 Gonzaga’s start in 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.

(Real) Books Read: Dynamic literary charts & lists

Proof of concept interactive dashboard w/a single dataset to display statistics of the last several years’ worth of completed books. Not only does it give insight into reading habits over time, it features a sleek & responsive UI with a color-coded filtering system to see subsets of the data, all happening live in the DOM. It is custom-built with Bootstrap3, mySQL, PHP, jQuery, Isotope, CSS3, HighCharts, HighStocks, and miscellaneous JavaScript libraries.

Interactive Genealogy Exhibition & Archives

This is a feature-rich genealogy web app w/interactive family trees; digital maps; galleries; timelines; digitized 8mm home movies; restored 78rpm records; national & regional census records; ship manifests; detailed research findings, 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. It ports simultaneously to a smart phone and a smart surface, making it ideal for interactive exhibitions.

Live Data + Design with CSS

I designed & coded these examples for my students to demonstrate “portability of content”. 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).

Responsive Audio + Video Player

Did you know that I used to be a songwriter & musician? Here I am using Isotope, Bootstrap, jQuery, PHP, mySQL, CSS3 and the Vimeo API to serve up my original music and video projects with a modern, responsive typographic UI.

Firefly Responsive Image Gallery Photowall

Inspired by the fireflies in my backyard, this experimental responsive gallery uses JavaScript; AJAX; Isotope & 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.

Rubik’s Cube Experiment: Washington DC

I used a collection of old maps for this Rubiks Cube code experiment from Google Chrome Labs, I figured it would make the game exponentially harder, especially if one does not know old Washington DC.

UI & PHP Experiments: Communication Design Articles

I built a simple CMS to store articles or tutorials that tie into my client work, the college courses I teach and the web projects I build (web design & development; information design; UI/UX; typography; JavaScript; audio & video editing, etc.) The following are examples of the same mySQL dataset being used to simultaneously populate 3 completely different UI design patterns (the ‘Resourcrs’ page is a 4th.) As soon as a new record is added to the database, they all update.

Introduction to Obsolete Media

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

It can be a real pain to get live wave forms in a multimedia project. 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 + ActionScript3 programming to create the live wave form animations.

Big List of Resources

I archive pertinent articles which tie into the web projects I build, the college and university courses I teach and the lecture audiences I address. This includes – but is not limied to – web design & development; information design; UI/UX; typography; JavaScript; audio & video editing, etc. These are the 100 most recent articles – click a link to see the article, or click a header to see all articles by that category. This list is updated often.

RSS Content Aggregator Carousel

This proof-of-concept custom feed reader consumes live RSS feeds from different external sites by category (web design; typography; JavaScript; audio editing, etc.) Once any of those sites is updated, so too will this agregator update, automatically. Some categories load fast; some, such as web design, are loading in content from 20+ sites, so they might take an extra moment. It’s 100% custom built with PHP, mySQL, simplePie, JavaScript, Bootstrap, LESS & jQuery.

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.

How To Watch Sound

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 Music

I Really Didn’t Mean It!

SONG – When I wrote “I Really Didn’t Mean It!”, I was thinking of a ‘Buck Owens meets the Rolling Stones in 1965 with the drummer from Blondie’ kind-of-thing. This song was performed by one of my bands, The Revellaires, released on Top Records.

The Lady Vanishes

“The Lady Vanishes” combines dynamic sampling and a high-octane performance engineered & mixed with a fierce attitude. This instrumental was influenced a lot by the Stone Temple Pilots, Soul Coughing & Cheap Trick. Here it’s performed by one of my bands, Down With Meyers. This version is a live take – play it loud.

Mary What’s Her Name

A pretty song written by me for Mother’s Day. It’s in 3/4, 4/4 and 5/4, and was influenced by the Beatles, Grant-Lee Philips and Simon & Garfunkel. I played all the instruments except the drums (John Orem.)

Olde Town Crier

This song was influenced a lot by Supergrass, ELO & later-career Beatles. The cello section (for 3 parts) was composed and arranged by me. “Olde Town Crier” is performed here by one of my bands, Down With Meyers.

A Real Moral Let-Down

When I wrote “A Real Moral Let-Down”, I was listening to a lot of Louis Jordan, the La’s and Social Distortion. It’s performed here by one of my bands, Casey’s Brain, and features a couple of smoking guitar solos backed with a tight rhythm section and a girl singer.

Mailbox

A pretty waltz I came up with in a moment of bleakness. I wrote the words & music and composed & arranged the string quartet. “Mailbox” is performed here by one of my bands, Casey’s Brain.

Goodbye My Baby

People of a certain fortunate generation grew up idolizing the guitar riff and guitar solo. This song is a reflection of that. A power-pop rocker, “Goodbye My Baby” is performed here by one of my bands, The Revellaires.

I Still Remember My TV

I gave up TV in 1992. Living without the extensions of modern media garbage is a luxury I urge you to embrace. This video combines physics, dissatisfaction and insanity to represent how those who’ve not yet pulled the plug are utterly wasting their lives. I wrote and played all the instruments except for the drums and cello, and built the samples,

dogHeaven

Audio Collage – “dogHeaven” is a black-humor’d live take on Bill Clinton’s impeachment trial, with Stalinist show-trial overtones and a groovy exotic beat. I played all the instruments except the drums (John Orem) and built all the samples.

The Strange Rage of Boris Yeltsin

This piece is a soul-patch’d treatment of 2 bass guitars and obscure samples from a 1960s record collection. I made all the samples, played all the instruments except the drums (John Orem.)

Original Video

Resolution No. One

VIDEO: Influenced by Salvador Dali, Man Ray, Edward Hopper & others, Resolution No. One reflects brooding mood and intensity, solitude and anonymity. Listen closely to the soundscape: all the water, wind & bird sounds are signals from shortwave and pirate radio stations.

The Grand Old Flag

Happy Fourth of July! Please enjoy this clip on the proper care and nurturing of the US flag, in luxurious time-lapse…photography © John Carmody | “You’re A Grand Old Flag” © George M. Cohan, 1933.

The Arms of Venus

Time-Lapse experiments shot mostly in my studio, mostly found moments from x-ray vision to the dancing bat. Soundtrack song was written by me & performed by one of my bands – turn it up loud: there is a smoking guitar solo.

The Secret of Happiness and Virtue

Time lapse experiments in/around Washington, Maryland’s Eastern Shore and Ground Zero, NYC. Turn on your speakers. Look for hints of French impressionism, Soviet constructivism, American pop art, Japanese Imperialist re-education and the global surveillance state.

It Might As Well Be Spring

This is time lapse video of the start of the first Washington DC blizzard in February 2010, shot in upper NW around midnight…This was in the first couple hours of the storm, we knew it would be big, did not know another storm was right behind it…

The Sugar Dance

Electric Neon Go Go Girls Make A Break For It…This is happened-upon footage I shot during a college football game.

Nothing Is Mundane

18 days and nights in the life of my front porch… I used a cheap infra-red surveillance camera to automatically shoot and upload motionDetected imagery to my server…then I created this spontaneous timeLapse of frontPorch so-called “mundanities”…no video/motion…10,000+ lo-res images.

Anti War Protest – Washington

These are scenes from a war protest here in the District. This particular event featured participants both pro- and anti-war, much bitterness emerged quickly on all fronts…

Greatness Comes In Simple Trappings

The US flag, in the background and unwatched at an art show…I was at DC Art-O-Matic and saw a whole lot of good and bad work, but a flag off to the side and outside caught my attention. So much of the USA is going down the drain – people get crasser, stupider and more foolish and continue chipping away at national and individual dignity…listen to the words of the speakers, be mesmerized by more than the flag’s waves….these are good words on the state of the union…

Introduction to Obsolete Media

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

I Still Remember My TV

I gave up TV in 1992. Living without the extensions of modern media garbage is a luxury I urge you to embrace. This video combines physics, dissatisfaction and insanity to represent how those who’ve not yet pulled the plug are utterly wasting their lives. I wrote and played all the instruments except for the drums and cello, and built the samples,

Resolution No. 78

Ever heard of the Collyer Brothers? This is a time-lapse rumination on the ruination of pop culture – the discarding and obsolescence of perfectly good media types and content. Un-planned and backwards, this is a complaint about how modern popular culture is garbage, and that generally what was, was better.

Her Inner Self (Revealed)

Imagine a 10-megaton nuclear weapon being airburst directly on top of a person who utterly deserves it. At that moment, the instant of direct impact, her true and simultaneous inner natures are revealed for all to see.

How To Watch Sound

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 Photography

Original Photography: Black and White

The majority of these were taken on an old 35mm Pentax camera. All imagery © John Carmody, Washington, D.C.

Original Photography: Washington DC

Usually I carry a camera or other recording device with me around Washington, D.C. All photographs © John Carmody, Washington, D.C.

Original Photography: Nature

Miscellaneous shots of flora and fauna. Photography © John Carmody, Washington, D.C.

Original Photography: Portraits

Family, friends and strangers, some pictures just take themselves. All photographs © John Carmody, Washington, D.C.

Original Photography: My Studio

Most of these images are from a Washington Post Magazine feature. Photos © David C. Kennedy, the Washington Post.
The rest? © John Carmody, Washington, D.C.

Original Photography: Kitchen Sink

A miscellaneous collection of old and new images. The photograph above is right out of the camera, no Photoshop, filters, special lens or anything. All photographs © John Carmody, Washington, D.C.

College & University Courses I Have Taught

  1. Art History
    Digital Media Culture
  2. New Media Photojournalism
    Graduate Studies: Documentary Audio Production
  3. New Media Photojournalism
    Graduate Thesis: Directed Study
  4. New Media Photojournalism
    Senior Thesis: Directed Study
  5. Interactive Media Design
    Senior Thesis: Digital Media Design IV
  6. Interactive Media Design
    Junior Studio Core: Digital Media Design III
  7. Interactive Media Design
    Interactive Web Design II
  8. Interactive Media Design
    Interactive Web Design I
  9. Interactive Media Design
    Sound Design
  10. Interactive Media Design
    Audio Production & Design
  11. Interactive Media Design
    Video Art w/Final Cut Pro
  12. Interactive Media Design
    Flash Animation on the Web
  13. Interactive Media Design
    Intro to Web Design & Flash
  14. Interactive Media Design
    Intro to Dreamweaver
  15. Interactive Media Design
    Intro to Flash
  16. Graphic Design
    Junior Studio Core: Graphic Design III
  17. Graphic Design
    Web Design For Print Professionals
  18. Information Design
    Transitioning fron Print to Web Publishing
  19. Information Design
    A Foundation in Web Publishing Tools

Recent Lecture Audiences

  • The National Press Foundation
  • The United States Government Accountability Office (USGAO)
  • Judge, The Scholastic Art & Writing Awards competition

Recent Resources

>>> more resources

Books Read, 2014

  1. The Iron Heel
    Jack London
    1908 - Fiction
  2. Slaughterhouse-Five
    Or, The Children's Crusade
    Kurt Vonnegut
    1966 - Fiction
  3. It Can't Happen Here
    Sinclair Lewis
    1935 - Literature
  4. Homer & Langley
    E. L. Doctorow
    2009 - Fiction
  5. Plain Speaking
    An Oral Biography of Harry S Truman
    Merle Miller
    1974 - Biography / Memoir
  6. From Eternity to Here
    The Quest for the Ultimate Theory of Time
    Sean Carroll
    2010 - Physics & Mathematics
  7. The Plot Against America
    Philip Roth
    2004 - Fiction
  8. Hitchcock and Bradbury Fistfight in Heaven
    ed., McSweeney's 45
    2013 - Fiction
  9. Good Hunting
    An American Spymaster's Story
    Jack Devine
    2014 - Foreign Affairs
  10. Bad Monkey
    Carl Hiaasen
    2013 - Fiction
  11. All The King's Men
    Robert Penn Warren
    1946 - Literature
  12. Daily Life in the United States, 1920-1940
    How Americans Lived Through the Roaring Twenties and the Great Depression
    David E. Kyvig
    2002 - History
  13. Morning And Noon
    A Memoir
    Dean Acheson
    1965 - Biography / Memoir
  14. Killer Of Crying Deer
    William Orem
    2010 - Fiction
  15. Barabbas
    Par Lagerkvist
    1950 - Literature
  16. The 480
    Eugene Burdick
    1964 - Fiction
  17. Big Bets & Black Swans
    Policy Recommendations for President Obama in 2014
    ed., Brookings Institution
    2014 - Foreign Affairs
  18. Flow My Tears, The Policeman Said
    Philip K. Dick
    1974 - Fiction
  19. The Friends of Eddie Coyle
    George V. Higgins
    1970 - Fiction
  20. Nixonland
    The Rise of a President and the Fracturing of America
    Rick Perlstein
    2008 - History
  21. The Human Comedy
    William Saroyan
    1943 - Literature
  22. The Sportswriter
    Richard Ford
    1986 - Literature
  23. My Silent War
    The Autobiography of a Spy
    Kim Philby
    1968 - Foreign Affairs
  24. Winesburg, Ohio
    A Group of Tales of Ohio Small-Town Life
    Sherwood Anderson
    1919 - Literature
  25. Frankenstein
    Or, The Modern Prometheus
    Mary Shelley
    1831 - Literature
>>> view the big list of finished books <<<

Interactive: Trends in Reading

Click here to check out the web app experiment I built: Interactive Reading Trends. It displays statistics regarding the books I have finished reading since 2010. (That is real books, by the way, nothing device-based whatsoever.)

Not only does it give insight into reading habits over time, it features a sleek & responsive UI with a color-coded filtering system to see subsets of the data, all animating live in the DOM. It uses Isotope, custom PHP and mySQL, High Charts API and some interesting jQuery libraries.