{"id":5456,"date":"2010-09-14T23:03:27","date_gmt":"2010-09-14T22:03:27","guid":{"rendered":"http:\/\/www.firedbydesign.com\/?p=5456"},"modified":"2010-09-14T23:03:27","modified_gmt":"2010-09-14T22:03:27","slug":"adobe-releases-html5-pack-for-illustrator","status":"publish","type":"post","link":"https:\/\/firedbydesign.com\/?p=5456","title":{"rendered":"Adobe releases HTML5 Pack for Illustrator"},"content":{"rendered":"<p>Adobe has released the Adobe HTML5 Pack for Adobe Illustrator CS5, which provides initial support for HTML5 and CSS3 and extends the scalable vector graphics (SVG) capability in Illustrator.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/firedbydesign.com\/fbdimg\/2010\/09\/HTML-5-pic.jpg?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter size-full wp-image-5458 lazyload\" title=\"HTML-5-pic\" data-src=\"https:\/\/i0.wp.com\/firedbydesign.com\/fbdimg\/2010\/09\/HTML-5-pic.jpg?resize=336%2C147&#038;ssl=1\" alt=\"\" width=\"336\" height=\"147\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 336px; --smush-placeholder-aspect-ratio: 336\/147;\" \/><\/a><\/p>\n<p>The move is significant as HTML 5 is seen as a rival to Adobe Flash for creating rich media content for mobile devices and the web. Adobe claims that by delivering this extension and supporting open standards, it empowers developers, publishers and designers to make their own choices about how to create, distribute and access content. 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.<\/p>\n<p>The HTML5 Pack lets web designers and developers take advantage of the latest advancements in HTML5 through enhanced integration between Illustrator CS5 and Dreamweaver CS5 software. 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.<a title=\"http:\/\/labs.adobe.com\/downloads\/illustrator_html5.html\" href=\"http:\/\/labs.adobe.com\/downloads\/illustrator_html5.html\" target=\"_blank\"> The HTML5 Pack for Illustrator CS5 is immediately available on Adobe Labs as a free download.<\/a><\/p>\n<p>\u201cProducing 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,\u201d said Lea Hickman, senior director, Creative and Interactive Solutions at Adobe.\u00a0\u201cThe 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.\u201d<\/p>\n<p>\u201cOur clients ask us to develop content to engage customers across a range of media \u2013 from online to mobile devices \u2013 and we are continually exploring new ways to meet their needs both technically and creatively,\u201d said James De Jesus, director of creative development at AKQA. \u201cThe 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.\u201d<\/p>\n<p>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 multi-screen authoring. The SVG and Canvas enhancements also simplify interactive web content development. Users can 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.<\/p>\n<p><a title=\"http:\/\/www.adobe.com\/go\/illustrator_html5.\" href=\"http:\/\/www.adobe.com\/go\/illustrator_html5.\" target=\"_blank\">Visit Adobe for more information <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adobe has released the HTML5 Pack for Adobe Illustrator CS5, which provides initial support for HTML5 and CSS3 and extends the scalable vector graphics (SVG) capability in Illustrator.<\/p>\n","protected":false},"author":129,"featured_media":5459,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[74],"tags":[26,473,39,469,1015,1016],"class_list":["post-5456","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-and-interactive-news","tag-adobe","tag-css3","tag-flash","tag-html5","tag-illustrator-cs5","tag-svg"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Adobe releases HTML5 Pack for Illustrator  - Fired By Design<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/firedbydesign.com\/?p=5456\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Adobe releases HTML5 Pack for Illustrator  - Fired By Design\" \/>\n<meta name=\"twitter:description\" content=\"Adobe has released the HTML5 Pack for Adobe Illustrator CS5, which provides initial support for HTML5 and CSS3 and extends the scalable vector graphics (SVG) capability in Illustrator.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/09\/AI.jpg?fit=99%2C83&ssl=1\" \/>\n<meta name=\"twitter:creator\" content=\"@FiredByDesign\" \/>\n<meta name=\"twitter:site\" content=\"@FiredByDesign\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"The Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?p=5456#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?p=5456\"},\"author\":{\"name\":\"The Editor\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#\\\/schema\\\/person\\\/9360b626bf4ab4cde98ab739484b96e8\"},\"headline\":\"Adobe releases HTML5 Pack for Illustrator\",\"datePublished\":\"2010-09-14T22:03:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?p=5456\"},\"wordCount\":415,\"publisher\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?p=5456#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/firedbydesign.com\\\/wp-content\\\/uploads\\\/2010\\\/09\\\/AI.jpg?fit=99%2C83&ssl=1\",\"keywords\":[\"adobe\",\"css3\",\"flash\",\"HTML5\",\"Illustrator CS5\",\"SVG\"],\"articleSection\":[\"Web &amp; Interactive News\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?p=5456\",\"url\":\"https:\\\/\\\/firedbydesign.com\\\/?p=5456\",\"name\":\"Adobe releases HTML5 Pack for Illustrator - Fired By Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?p=5456#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?p=5456#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/firedbydesign.com\\\/wp-content\\\/uploads\\\/2010\\\/09\\\/AI.jpg?fit=99%2C83&ssl=1\",\"datePublished\":\"2010-09-14T22:03:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?p=5456#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/firedbydesign.com\\\/?p=5456\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?p=5456#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/firedbydesign.com\\\/wp-content\\\/uploads\\\/2010\\\/09\\\/AI.jpg?fit=99%2C83&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/firedbydesign.com\\\/wp-content\\\/uploads\\\/2010\\\/09\\\/AI.jpg?fit=99%2C83&ssl=1\",\"width\":99,\"height\":83},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?p=5456#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/firedbydesign.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adobe releases HTML5 Pack for Illustrator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#website\",\"url\":\"https:\\\/\\\/firedbydesign.com\\\/\",\"name\":\"Fired By Design\",\"description\":\"creative inspirations and revelations\",\"publisher\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/firedbydesign.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#organization\",\"name\":\"Fired By Design\",\"url\":\"https:\\\/\\\/firedbydesign.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/firedbydesign.com\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/cropped-Big2015_MB6.png?fit=207%2C236&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/firedbydesign.com\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/cropped-Big2015_MB6.png?fit=207%2C236&ssl=1\",\"width\":207,\"height\":236,\"caption\":\"Fired By Design\"},\"image\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/FiredByDesign\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#\\\/schema\\\/person\\\/9360b626bf4ab4cde98ab739484b96e8\",\"name\":\"The Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/193c97f822851de225bd66155cb32c475f037c54adfdfa97a254b30d0ad4a458?s=96&d=monsterid&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/193c97f822851de225bd66155cb32c475f037c54adfdfa97a254b30d0ad4a458?s=96&d=monsterid&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/193c97f822851de225bd66155cb32c475f037c54adfdfa97a254b30d0ad4a458?s=96&d=monsterid&r=g\",\"caption\":\"The Editor\"},\"sameAs\":[\"https:\\\/\\\/firedbydesign.com\"],\"url\":\"https:\\\/\\\/firedbydesign.com\\\/?author=129\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adobe releases HTML5 Pack for Illustrator  - Fired By Design","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/firedbydesign.com\/?p=5456","twitter_card":"summary_large_image","twitter_title":"Adobe releases HTML5 Pack for Illustrator  - Fired By Design","twitter_description":"Adobe has released the HTML5 Pack for Adobe Illustrator CS5, which provides initial support for HTML5 and CSS3 and extends the scalable vector graphics (SVG) capability in Illustrator.","twitter_image":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/09\/AI.jpg?fit=99%2C83&ssl=1","twitter_creator":"@FiredByDesign","twitter_site":"@FiredByDesign","twitter_misc":{"Written by":"The Editor","Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/firedbydesign.com\/?p=5456#article","isPartOf":{"@id":"https:\/\/firedbydesign.com\/?p=5456"},"author":{"name":"The Editor","@id":"https:\/\/firedbydesign.com\/#\/schema\/person\/9360b626bf4ab4cde98ab739484b96e8"},"headline":"Adobe releases HTML5 Pack for Illustrator","datePublished":"2010-09-14T22:03:27+00:00","mainEntityOfPage":{"@id":"https:\/\/firedbydesign.com\/?p=5456"},"wordCount":415,"publisher":{"@id":"https:\/\/firedbydesign.com\/#organization"},"image":{"@id":"https:\/\/firedbydesign.com\/?p=5456#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/09\/AI.jpg?fit=99%2C83&ssl=1","keywords":["adobe","css3","flash","HTML5","Illustrator CS5","SVG"],"articleSection":["Web &amp; Interactive News"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/firedbydesign.com\/?p=5456","url":"https:\/\/firedbydesign.com\/?p=5456","name":"Adobe releases HTML5 Pack for Illustrator - Fired By Design","isPartOf":{"@id":"https:\/\/firedbydesign.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/firedbydesign.com\/?p=5456#primaryimage"},"image":{"@id":"https:\/\/firedbydesign.com\/?p=5456#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/09\/AI.jpg?fit=99%2C83&ssl=1","datePublished":"2010-09-14T22:03:27+00:00","breadcrumb":{"@id":"https:\/\/firedbydesign.com\/?p=5456#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/firedbydesign.com\/?p=5456"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/firedbydesign.com\/?p=5456#primaryimage","url":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/09\/AI.jpg?fit=99%2C83&ssl=1","contentUrl":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/09\/AI.jpg?fit=99%2C83&ssl=1","width":99,"height":83},{"@type":"BreadcrumbList","@id":"https:\/\/firedbydesign.com\/?p=5456#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/firedbydesign.com\/"},{"@type":"ListItem","position":2,"name":"Adobe releases HTML5 Pack for Illustrator"}]},{"@type":"WebSite","@id":"https:\/\/firedbydesign.com\/#website","url":"https:\/\/firedbydesign.com\/","name":"Fired By Design","description":"creative inspirations and revelations","publisher":{"@id":"https:\/\/firedbydesign.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/firedbydesign.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/firedbydesign.com\/#organization","name":"Fired By Design","url":"https:\/\/firedbydesign.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/firedbydesign.com\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2016\/05\/cropped-Big2015_MB6.png?fit=207%2C236&ssl=1","contentUrl":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2016\/05\/cropped-Big2015_MB6.png?fit=207%2C236&ssl=1","width":207,"height":236,"caption":"Fired By Design"},"image":{"@id":"https:\/\/firedbydesign.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/FiredByDesign"]},{"@type":"Person","@id":"https:\/\/firedbydesign.com\/#\/schema\/person\/9360b626bf4ab4cde98ab739484b96e8","name":"The Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/193c97f822851de225bd66155cb32c475f037c54adfdfa97a254b30d0ad4a458?s=96&d=monsterid&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/193c97f822851de225bd66155cb32c475f037c54adfdfa97a254b30d0ad4a458?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/193c97f822851de225bd66155cb32c475f037c54adfdfa97a254b30d0ad4a458?s=96&d=monsterid&r=g","caption":"The Editor"},"sameAs":["https:\/\/firedbydesign.com"],"url":"https:\/\/firedbydesign.com\/?author=129"}]}},"_links":{"self":[{"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/posts\/5456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/users\/129"}],"replies":[{"embeddable":true,"href":"https:\/\/firedbydesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5456"}],"version-history":[{"count":0,"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/posts\/5456\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/media\/5459"}],"wp:attachment":[{"href":"https:\/\/firedbydesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/firedbydesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/firedbydesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}