{"id":16433,"date":"2010-06-14T16:28:44","date_gmt":"2010-06-14T23:28:44","guid":{"rendered":"http:\/\/blogs.adobe.com\/jnackdev\/2010\/06\/beautiful-html5-slides-on-web-design.html"},"modified":"2010-06-14T16:28:44","modified_gmt":"2010-06-14T23:28:44","slug":"beautiful_html5_slides_on_web_design","status":"publish","type":"post","link":"http:\/\/jnack.com\/blog\/2010\/06\/14\/beautiful_html5_slides_on_web_design\/","title":{"rendered":"Beautiful HTML5 slides on Web design"},"content":{"rendered":"

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

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?<\/p>\n

There are plenty of interesting challenges here. Translating<\/em> 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<\/em> 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.<\/p>\n

* “There’s nothing more magical than a robot riding a unicorn.” — Quote o’ the week<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[34,2],"tags":[],"_links":{"self":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/16433"}],"collection":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=16433"}],"version-history":[{"count":0,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/16433\/revisions"}],"wp:attachment":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=16433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=16433"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=16433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}