- Sep 28, 2012 Edge Animate (formerly known as “Adobe Edge” during its long Preview period) is effectively Adobe’s “ Flash Pro for the HTML5/CSS3 world” – this new application works similarly to how Flash Professional does for creating rich media – but instead of generating Flash, it outputs standards-based HTML that can be viewed in browsers all across the web, on desktops and laptops as well as mobile devices and tablets.
Adobe Edge Animate provides the means for you to create animations for the web, for use with InDesign and Muse, and for tools like Apple’s iBooks Author. You can save your compositions in any number of ways, depending on how you set your publishing settings.
I’ve received a lot of inquiries by Edge Animate users as to how to make items responsive within Animate CC. So many, in fact, that I decided to produce a number of demonstration projects, record some video on each one, and write this little article.
First, I’ll just emphasize that the way Edge Animate handles things like element scaling and sizing is very DOM-oriented… because it works within the very narrow focus of the browser DOM. Animate CC is platform-agnostic (not specifically an HTML tool) and works differently in terms of targeting a single element when targeting HTML5 Canvas (the canvas DOM element). So a lot of things like media queries and such, as employed by the Edge suite, go out the window.
Here is a video demonstration of 3 different scaling methods based upon browser window resize using Animate CC HTML5 Canvas output:
Considering that Animate CC has a fully extensible SDK for creating custom publish formats… and that SnapSVG Animator (one of the most popular) actually does output an SVG DOM… there is really no reason why Animate CC cannot, in the future, output an HTML DOM as well. Though I have no knowledge of any plans like that at the current time (which means nothing except that I don’t know).
In the end – Edge Animate and Animate CC have very different ways of working with content. Edge Animate was very restrictive (HTML5 DOM only) and Animate CC is completely agnostic in regard to platform (Flash Player, AIR, iOS, Android, HD Video, WebGL, HTML5 Canvas, Windows, OS X, GAF, Away, SnapSVG, et cetera) providing huge amounts of creative freedom not possible in Edge Animate. That said, there are other tools like Dreamweaver, Muse, and the like which do responsive DOM focused stuff today… and these are not going anywhere.
You can download the 3 FLA files used in the video with all the code you need:
Here are standalone code examples if you would rather reference these in stead of downloading the FLA files above!
Responsive scaling while respecting aspect ratio
Adobe Edge Animate Cc 2015 Torrent
Responsive scaling ignoring aspect ratio
Adobe Edge Animate Cc
Adobe Edge Animate Cc 2015 Free Download With Crack
Responsive repositioning of elements8d soundcloud.