Enter your contact information.
Enter your project information.
Step 3Choose the PHP programmers you want to hire.
Compare Free PHP Quotes
Review: Adobe’s Edge Offers Web Animation Sans Flash
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
Adobe has released a preview version of a new HTML animation tool dubbed Edge. Together with Wallaby, Adobe’s Flash-to-HTML conversion app, Edge is part of Adobe’s push to remind the web that the company is more than just its much-maligned Flash plugin.
Edge has been released as a free, beta public preview and is available for download through the Adobe Labs website.
Edge is not intended to replace Adobe Flash. At least not in the short term. Instead Edge is aimed at Flash animators looking for a visual way into the world of HTML, CSS and JavaScript-based animations, particularly the relatively simple animations often currently found in Flash-based advertisements.
HTML, especially some of the new elements in HTML5, combined with CSS 3’s animation syntax offers web designers a way to create sophisticated animations without requiring users to have the Flash plugin installed. That’s a good thing since no iOS user is going to have the Flash plugin.
Unfortunately, HTML, CSS and JavaScript don’t offer any easy way to create animations. Developers comfortable writing raw code in text editors have, thus far, been the driving force behind web standards-based animation. Designers and animators accustomed to development tools like Flash, which offers visual layouts and drag-and-drop animation, have been left out of the web standards animation trend.
Edge is Adobe’s attempt to bring the good parts of the Flash development app — visual animation tools, keyframe-based timelines and a stage where you can drag-and-drop objects — to the world of web standards-based animation. But of course, instead of publishing your animations as Flash files, Edge publishes them as web standard HTML, CSS and JavaScript.
Like Hype (see our review) and other HTML animation apps out there, Edge looks and behaves much like Adobe’s Flash development environment with a timeline, keyframes and editing tools that will look familiar to Flash developers. If you know how to use Flash, you’ll be up to speed with Edge in no time.
The Edge interface should look familiar to anyone who has used Flash.
Despite Adobe’s marketing efforts, there’s almost nothing about Edge that is HTML5. Adobe is hardly alone in its misleading use of the HTML5 moniker. Both Hype and Sencha Animator claim to be “HTML5″ animation apps and, like Adobe, neither generates much of anything that isn’t in the HTML4 spec.
In its current form Edge will export your animations using div tags, some CSS animations, a fair bit of JSON and a combination of jQuery and some custom JavaScript to hold everything together.
Why go with div and CSS-based animations when there’s Canvas and SVG? Well, for one thing, this is a very early preview and Adobe claims that eventually Edge will support canvas and SVG (in fact Edge already has some support for importing SVG file). A Mozilla developer raised this question in the Adobe forums and Adobe’s Mark Anders chimed in to say that, “we seriously considered canvas, but current performance on mobile browsers (especially iOS) is very bad.”
Anders goes on to note that iOS 5 will remedy much of iOS’s canvas performance woes, and Adobe is clearly looking for developer feedback on where to go with Edge. If you’ve got strong feelings about where Edge should focus its efforts, head over to the forums and let Adobe know.
While Edge is a long way from a finished product, this early release shows considerable promise. If you’re a Flash developer looking to expand your repertoire to include HTML, CSS and JavaScript animations, Edge just might help. For a nice overview of how to use Edge be sure to check out Mark Anders’ Edge overview movie on Adobe TV.
See Also:
- Review: Hype Animates the Web, No Flash Necessary
- Adobe Unveils ‘Wallaby’ Flash-to-HTML5 Converter
- Review: Dreamweaver and Flash Updates Deliver Mobile Dev Tools
Tue, 02 Aug 2011 15:20:57 GMT
Tags: Adobe Edge, CSS, HTML, HTML5, Multimedia, Software & Tools, Visual Design, Web Standards,
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
Adobe Edge
CSS
The Future of CSS: Finally, Sane Layout Tools
Woolly, the CSS sheep. HTML5 and CSS 3 offer web designers new semantic tags, fancy animations, server-side fonts and much more, but that’s not the end of the story. The next major development in web design will likely revolve around one of the thi
Quickly Create CSS 3 Animations with ‘Ceaser’
CSS 3 has some awesome new animation capabilities for web developers — rotating objects, fading them in and out and more — but writing the code is a bit more complicated than most CSS rules. To make your animating job a bit easier, developer M
Simplify Your Stylesheets With CSSPrefixer
Woolly, the CSS sheep. CSS 3 has some awesome new features, like 3D transforms, smooth transitions, border images and gradients. Since most browsers already support these features there’s no reason you can’t use them today, provided you grac
HTML
JavaScript WYSIWYG Editor – TinyEditor
TinyEditor is a simple JavaScript WYSIWYG editor that is both lightweight (8KB) and standalone. It can easily be customized to integrate with any website through CSS and the multitude of parameters.
Build your own website, 10 Tips for Success!
If you’re a webmaster or a website owner, this article is for you: These 10 tips can help you to build better and more successful websites. We suggest to hire a web developer if you can’t write the HTML source code. Even if you’re able t
HTTPS Is More Secure, So Why Isn’t the Web Using It?
You wouldn’t write your username and passwords on a postcard and mail it for the world to see, so why are you doing it online? Every time you log in to Twitter, Facebook or any other service that uses a plain HTTP connection, that’s essentiall
Perlman Creative Group is a Los Angeles based, full service graphic design firm specializing in marketing communication, brand development, logos, packaging, corporate identity and website design.
Marina Del Rey, California US
Easy Low-Cost Web Site Solutions. ANY web site, quick and fast! Turn your dream into reality today! I''M THE HOUSE M.D. OF WEB DESIGN AND DEVELOPMENT.
Rancho Cucamonga, California US
I retired 4 years ago at 32 & I'm now living in the Philippines. With 16 years experience in PHP/MySQL/JavaScript development, my passion is code. My work always exceeds expectations.
Dumaguete City, Central Visayas PH
Serving North America, we offer high-end graphic, website, and print design services. We also offer 3D illustration as well as traditional illustration.
Livermore, California US
We provide affordable php website design & SEO services to our clients. Our HTML is search engine friendly and builds a solid foundation for your SEO & marketing campaign. WE provide free estimates.
New Port Richey, Florida US
This Week in Web – PHP Needs X, Python IDEs, Firefox5, jQuery Mobile, Python Games
Firefox 5 Released
Mozilla have released Firefox 5.0 final. Some of the biggest changes
Simplify Your CSS With the ‘any()’ Selector
HTML5 adds a slew of new semantic tags to the web developer’s toolkit. Tags like section, arti
Make Your Most Important Images Stay that Way With Responsive Images
If you’ve spent any time at all playing with responsive images (or adaptive images) you’
Speedier Firefox 7 Uses Less Memory
Mozilla has released Firefox 7. Thanks to the faster release cycle, Firefox 7 comes just six weeks a
A Possible Future for CSS Selectors
Woolly, the CSS sheep. CSS has some great new tools like pseudo classes and pseudo elements for sel
Article Tags
PHP Programmers Articles
Live Help Chat Software
Web Design Quote
Web Design