From the designer’s perspective, another roadblock standing in the way of HTML5 is a dearth of authoring tools, especially those that provide the kinds of visually oriented interfaces found in Adobe’s Creative Suite or QuarkXPress.
Adobe recently moved to address this by releasing extensions to Dreamweaver and Illustrator that provide initial support for the new web technologies. Both are available as free downloads.
The Dreamweaver CS5 HTML5 Pack, released in May, adds several features for designers who want to create HTML5 and CSS3 content. These include code hinting for HTML5 and CSS3, two starter layouts and the ability to preview the
On Sept. 13, Adobe announced the HTML5 Pack for Adobe Illustrator CS5, which enhances Illustrator’s Scalable Vector Graphics export capabilities and adds initial support for CSS3 and HTML5. For example, you can create multiple artboards for different screen sizes, and then export them as SVG files along with CSS code. The CSS includes Media Queries that will display the appropriate version of the graphic depending on the viewer’s screen size. You can also export CSS code that automatically applies attributes such as gradients and drop shadows defined in Illustrator’s Appearances panel. Another option lets you produce an SVG graphic along with a
Beyond that, Gubbay says Adobe is looking at a variety of options for supporting HTML5 and related technologies in its graphics tools. This could lead to some interesting choices, since the company now offers one creative product—Dreamweaver—for authoring HTML, and others —Flash Professional, Flash Catalyst and Flash Builder—for generating interactive rich-media content. InDesign, which also exports Flash content, could have a role to play as well.
“Nothing is off the table in terms of what we’re thinking of doing and how we’ll do it, and which types of customers we’re going to help do this with,” he says.
Flash Export to HTML5?
“Figuring out what that border is and how it comes together are things that we’re looking at,” Gubbay says. “We’re certainly interested in that workflow, since our customers are, and we’re also interested in what it takes to just natively build rich interactivity in HTML5 outside of Flash.”
He hints at what a product like this might do. “Imagine if you had some sort of rich interactivity tool where you could design something that looks great, but specifically targeting A, B and C device,” he says. The code generated by the software would be optimized for each device, and would account for which features can be hardware-accelerated. It’s the kind of product “I think people will pay for, because there’s real value for being able to do that.”
The company, which shipped CS5 in April, typically works on an 18-month upgrade cycle. However, Adobe routinely offers plug-ins and other enhancements between major releases, so it’s likely we’ll see new extensions for current products along the lines of the Dreamweaver and Illustrator add-ons. In the meantime, it’s a safe bet that other developers of graphics tools are eyeing HTML5 and CSS3 as well.
Smokescreen to the Rescue?
The company has provided only sketchy information on its website, and did not respond to requests for comment. The website notes that the software “currently supports a sizable subset of Flash 8 animation capabilities, streaming sound, sound effects, some input and basic ActionScript.”
The web is the most rapidly changing design medium out there.
This book offers you an organized overview of the trends happening right now.
Stephen Beale has been writing about computer technology since 1983. He’s the author of seven books on computer applications in the graphic arts and a former news and reviews editor for Macworld. He’s currently editor of a website for public relations professionals in health and medicine. www.sbealeonline.com
MORE RESOURCES FOR GRAPHIC DESIGNERS