June 14, 2010

Beautiful HTML5 slides on Web design

My friend Matthew Richmond from Chopping Block has posted a beautifully designed slide deck on “Web Design Concepts for Non-Web Designers.”*

In this case the medium is much of the message: the slides demonstrate what can be done with the (relatively) rich typography, positioning, and transitions supported in modern browsers. It’s great to see custom fonts, rotated type, and more getting used for real, but I want to see Adobe tools enable much easier, higher fidelity support for these standards. The print designers who approached Matthew after his talk reinforced this point: We know how to design, they said, and we like our tools–but how do we transition those designs to clean Web output?

There are plenty of interesting challenges here. Translating between formats and rendering models is tricky, and much more so when the destination format is human readable/editable. Almost no one would look inside, say, an EPS file and harrumph, “Well, that’s not how I’d write PostScript”–but they absolutely do that with HTML. Even if apps generate the code well, it’s hard to know how to blend it with the coding styles of each user. But hey, no one ever said progress was gonna be easy.

* “There’s nothing more magical than a robot riding a unicorn.” — Quote o’ the week

Posted by John Nack at 4:28 PM on June 14, 2010
Copyright © 2014 Adobe Systems Incorporated. All rights reserved.
Terms of Use | Privacy Policy and Cookies (Updated)