Print to Web Experiments: Future-Proof Solutions

A big part of teaching emergent communication (and programming) to college design majors is demonstrating how to have flexible content that works simultaneously on screens of all sizes, in print and beyond.

Even more important, though, 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.


TAGGED WITH:
  • CSS Grid: Print-To-Web Experiments

  • Slaughter On NY Avenue

  • Frame By Frame Animation

  • National Press Foundation

  • Resolution No. One

  • The Cary Group

  • Interactive Genealogy Museum

  • Interactive Story Map: Family Burial Plots

  • You’re My Thrill

  • The Corcoran Gallery of Art – Interactive Exhibition Kiosk

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

  • AgIS Capital LLC

  • LaBokay Natural Resources


Client Case Study:
The National Press Foundation

I was hired to build the National Press Foundation a brand new website featuring a state-of-the-art digital asset management system allowing the foundation to deliver streamlined interactive educational experiences to the national and international journalists making up its target audience.


READ MORE about the interesting, successful NPF project