Adobe Brings HTML5 to Illustrator

Adobe launches its HTML5 Pack for Adobe Illustrator CS5.

Adobe Systems has announced the availability of the Adobe HTML5 Pack for Adobe Illustrator Creative Suite 5 (CS5).

In May, at the Google I/O conference, Adobe announced the Adobe HTML5 Pack, a set of HTML5 tools for developers and designers that was an extension to Adobe Dreamweaver CS5, the latest version of the industry-leading HTML authoring tool for Website design. Adobe CS5 is a vector graphics software package, used extensively by designers of mobile device and Web content.

This new pack provides initial support for HTML5 and CSS3 and extends the scalable vector graphics (SVG) capability in Illustrator, making it easier to design, deliver and optimize compelling content for mobile devices and the Web, Adobe said in a press release describing the new solution.

By delivering this extension and supporting open standards, Adobe empowers developers, publishers and designers to make their own choices about how to create, distribute and access content. The HTML5 Pack lets Web designers and developers take advantage of the latest advancements in HTML5 through enhanced integration between Illustrator CS5 and Adobe Dreamweaver CS5 software, the company said. SVG generated by Illustrator can be displayed directly in compatible browsers, and Illustrator can be used to generate CSS code for styling of HTML content. The HTML5 Pack for Illustrator CS5 is immediately available on Adobe Labs as a free download, at

"Producing graphical Web content that can be viewed across mobile devices has been tricky, with devices varying greatly when it comes to screen size and performance," said Lea Hickman, senior director of creative and interactive solutions at Adobe, in a statement. "The HTML5 Pack for Illustrator CS5 gives designers and developers the power to deliver high-quality graphic content for the Web that can look great, no matter what the screen."

"Our clients ask us to develop content to engage customers across a range of media-from online to mobile devices-and we are continually exploring new ways to meet their needs both technically and creatively," said James De Jesus, director of creative development at AKQA, a creative agency specializing in interactive marketing, also in a statement. "The HTML5 Pack for Illustrator CS5 will let us extend our use of Illustrator CS5 to develop scalable creative content that looks amazing and integrates well with the latest Web standards."

The HTML5 Pack for Illustrator provides features that enable users to take advantage of the latest developments in HTML5, CSS3, SVG and Canvas for easy multiscreen authoring, Adobe said. The SVG and Canvas enhancements also simplify interactive Web content development. Designed to complement the recently released HTML5 technology release for Dreamweaver, the technology enhances integration between Illustrator and Dreamweaver, making it easier to design and develop with the latest emerging Web standards. Users can also create Web widgets with Illustrator by generating dynamic vector art for data-driven Web workflows and map artwork appearance attributes from designer to developer tools by exporting from the Illustrator Appearance Panel to CSS3 for streamlined styling of Web pages, Adobe officials said.

The HTML5 Pack extension for Illustrator CS5 is available for both Mac OS X and Windows and can be downloaded for free from Adobe Labs.