March 15, 2011
Adobe proposes CSS enhancements for richer layout
When the InDesign-made Wired app for iPad first shipped, I saw a bunch of snide tut-tutting from Apple-oriented sites saying that of course Adobe should’ve “simply” leveraged HTML5, because that’s the ideal solution to everything.
Unfortunately HTML has never been known for its typographical richness* or control, and that’s why Adobe built a richer type engine for tablets derived from InDesign. Apple disallowed use of that engine via the Section 3.3.1 changes, and for visual fidelity the Wired project relied on generating bitmap images for each page.
The good news is that Adobe’s working to improve HTML to meet the demands of publishers, enabling HTML’s lightness & reflow chops to support more magazine-style layouts. CSS Regions (proposal PDF) would enable things like text reflow around irregular shapes (screenshot). And it’s not just brave talk & wishful thinking: Adobe’s contributing layout code to WebKit (see previous article for demo & details), aiming to get adoption first on tablets.
It’s easy for armchair experts to tell the world how everything should be done; it’s harder to turn promises into reality. I’m glad to see the latter happening.
* TypeKit & similar efforts are helping, and they’ve got Adobe’s support as well.