{"id":17089,"date":"2011-08-01T11:25:55","date_gmt":"2011-08-01T18:25:55","guid":{"rendered":"http:\/\/blogs.adobe.com\/jnack\/?p=4684"},"modified":"2011-08-01T11:25:55","modified_gmt":"2011-08-01T18:25:55","slug":"download-adobes-new-html5-animation-tool","status":"publish","type":"post","link":"https:\/\/jnack.com\/blog\/2011\/08\/01\/download-adobes-new-html5-animation-tool\/","title":{"rendered":"Download Adobe&#039;s new HTML5 animation tool"},"content":{"rendered":"<p>I joined Adobe specifically to build a Web-standards-based animation &amp; interactivity <a href=\"http:\/\/en.wikipedia.org\/wiki\/Adobe_livemotion\">app<\/a>. Great thought, but we were a decade off base about when browsers would actually be ready to play ball.<\/p>\n<p>That time has come, and the company is today releasing the <a href=\"http:\/\/labs.adobe.com\/technologies\/edge\/\">first preview version of Adobe Edge<\/a>, a fast, lightweight way to add life to your sites. Feature highlights in this release:<\/p>\n<ul>\n<li>Create new compositions with Edge\u2019s drawing and text tools.<\/li>\n<li>Animate position, size, color, shape, rotation and more at the property level.<\/li>\n<li>Bring motion to existing HTML files\u00a0while preserving the integrity of CSS-based HTML layouts. (Edge stores all of its animation in a separate JavaScript file that cleanly distinguishes the original HTML from Edge\u2019s animation code.)<\/li>\n<li>Copy and paste transitions, invert them, and choose from over 25 built-in easing effects.<\/li>\n<\/ul>\n<p>Check out Edge in action:<\/p>\n<p><iframe loading=\"lazy\" title=\"AdobeTV Video Player\" width=\"480\" height=\"296\" src=\"http:\/\/tv.adobe.com\/embed\/64\/10590\/\" frameborder=\"0\" allowfullscreen scrolling=\"no\"><\/iframe><\/p>\n<p>Additionally, Adobe has launched <a href=\"http:\/\/beta.theexpressiveweb.com\/\">The Expressive Web<\/a>, a site showing off some of the cool stuff you can make modern browsers do, especially by using Adobe tools like Edge and Dreamweaver CS 5.5. Here&#8217;s a demo:<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/tv.adobe.com\/embed\/64\/10591\/\" width=\"480\" height=\"296\" frameborder=\"0\"><\/iframe><\/p>\n<p>Lastly, I don&#8217;t want to get into any tedious &#8220;Flash vs. HTML5&#8221; blah-blah here, though I do see that angle still bubbling up on link-baiting sites. \u00a0For that reason it&#8217;s worth noting that both Dreamweaver &amp; GoLive were pushing Web animation starting <a href=\"http:\/\/www.appleinsider.com\/archives\/033098\/images\/CyberS3_TimeLineEditor.gif\">in the 90&#8217;s<\/a>, that Adobe championed SVG early on, and that it has been a <a href=\"http:\/\/blogs.adobe.com\/adobeandjquery\/\">main contributor helping to improve jQuery<\/a> and <a href=\"http:\/\/blogs.adobe.com\/jnack\/2010\/11\/so-what-has-adobe-actually-done-for-html5-lately.html\">lots of <\/a><a href=\"http:\/\/blogs.adobe.com\/jnack\/2010\/11\/so-what-has-adobe-actually-done-for-html5-lately.html\">other HTML\/JS\/CSS tech<\/a>. \u00a0Point is, <strong>Adobe&#8217;s been driving <em>both<\/em> rich, animated HTML <em>and<\/em> Flash for 15 years<\/strong>, and the company will keep evolving both to address different customer needs.<\/p>\n<p>Meanwhile, we hope you like what you see in Edge, and we&#8217;d be grateful for your feedback. (Oh, and if you create some cool stuff with it, please show off a link in the comments; thanks.)<\/p>\n<p>Related resource:\u00a0<a href=\"http:\/\/www.adobe.com\/devnet\/html5.html\">Devnet on HTML5<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I joined Adobe specifically to build a Web-standards-based animation &amp; interactivity app. Great thought, but we were a decade off base about when browsers would actually be ready to play ball. That time has come, and the company is today releasing the first preview version of Adobe Edge, a fast, lightweight way to add life [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[32,34,6],"tags":[],"_links":{"self":[{"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/17089"}],"collection":[{"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=17089"}],"version-history":[{"count":0,"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/17089\/revisions"}],"wp:attachment":[{"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=17089"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=17089"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=17089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}