Adobe Edge Animate proves HTML5 is no substitute for Flash
Posted on 27 Feb 2013 at 09:50
Tom Arah says the shift from Flash to HTML has set web design back 15 years
For more than 15 years, professionals wishing to push the web envelope beyond the capabilities of HTML turned to Adobe Flash (or, more recently, Silverlight). Now, though, the future of web browsing is moving to mobile browsers that no longer support these plugins, so what’s the modern alternative?
Without a plugin, the only way to do it is in the browser. Both Adobe and the web design community must follow Steve Jobs’ advice from 2010, when he announced Flash wouldn’t be allowed onto iOS: use open browser standards instead.
As Jobs put it then, "HTML5, the new web standard... lets web developers create advanced graphics, typography, animations and transitions without relying on third-party browser plugins (like Flash)... Perhaps Adobe should focus more on creating great HTML5 tools for the future, and less on criticising Apple for leaving the past behind."
Put that way it sounds reasonable and straightforward, but Adobe disagreed – no surprise given Flash was its unique selling point, the rich web format that held together its entire Creative Suite (from Premiere Pro through to InDesign), and the basis for its future mobile plans.
It’s back to the drawing board alright, but without any tools
Without Apple’s support, and hence without cross-platform universality, the writing was on the wall, and so the rhetoric and Adobe’s entire business strategy has changed. Flash in the browser is now rarely mentioned, and Adobe has repositioned itself as a champion of next-generation HTML5, taking Jobs’ advice in launching a range of tools designed to set the benchmark for standards-based web creation.
The most significant of these is Adobe Edge Animate, which is designed to create the rich, animated, interactive web experience that previously required Flash. It costs $499, but to encourage take-up Adobe has added it to the apps available through Creative Cloud and has made this first release free – here’s your chance to give your standards-based web projects a professional edge.
Back to the drawing board
So how does Edge Animate compare to Flash? Let’s start with the drawing tools, and you’re in for a shock since there are only three: the Rectangle tool, Rounded Rectangle tool and the Ellipse tool. Flash Professional’s Deco tool for drawing animated fire or vegetation effects is long gone. You don’t even get a Brush, PolyStar or even Pen or Path tools – in fact, you can’t actually draw a straight line unless you fake it with a thin rectangle! It’s back to the drawing board alright, but without any tools.
Edge Animate’s formatting capabilities are no compensation, either. From the Properties pane you can choose flat colours for fill and outline of rectangles or ellipses, set the line width (solid, dashed or dotted), and that’s about it. Special effects? A flat opacity setting and a shadow option, or to really impress you can set a different curvature for each corner of your rectangle.
There are no gradient fills, no textures, no procedural effects, brush outlines, graduated transparency or blend modes. The message is pretty clear that you’re supposed to do any serious artwork externally, so you might expect that Adobe has enabled you to cut and paste vector drawings directly from Illustrator into Edge Animate. You’d be wrong: the only route is via awkward export and import.
Moreover, scalable vector graphic (SVG) images are automatically flattened, so you can’t access their independent elements, which means you’d be better off using JPEG or PNG bitmaps unless you explicitly need resolution-independent scalability. As the help file puts it, "for the time being, it’s safer to use PNG".
Edge Animate does at least let you add text within the program, although you can edit it only in an awkward little dialog box. Formatting includes control over letter, word and line spacing, as well as paragraph alignment and indent. It also includes size and font – but forget about advanced effects such as fitting text to a curve, or within an irregular shape (not that you can create one anyway). Worse still, don’t expect to simply specify any typeface installed on your PC as you could with Flash – the default is those same old web font families of which we’re all so familiar and heartily sick of (although Adobe’s new Edge Web Fonts service may improve matters here).
I think, Tom, that Edge tells us what we already knew. Replacing Flash is going to be extremely difficult and ultimately unnecessary.
If Edge 2.0 is included as a major flash replacement in CS7, then I won't want it - $499 indeed.
Why did Adobe roll over and die over Flash so easily and swiftly?
By Alperian on 27 Feb 2013
I really don't think there was anything Adobe could do once Apple and then Microsoft refused to let Flash onto tablets/phones.
And because touch-based tablets/phones/front-ends are the future of personal computing that means that replacing Flash with HTML5 wherever possible is very necessary.
And of course that means that Adobe gets to sell us the new set of HTML5 tools to replace the old Flash ones (or rather subscribe to the creative cloud).
So everyone's happy - except for Adobe's poor designer/developers who currently are expected to go back to using an inferior technology and inferior tools to produce inferior results.
In the longer term though they'll be happy too. Add in SVG to Animate and tie in to the new Edge Reflow and Edge Code and Edge web fonts the HTML5 platform/ tools/ results are going to rapidly improve. And producing design-rich sites/apps for the new handheld platform is hugely exciting.
By TomArah on 27 Feb 2013
I agree with every word in your article!
By choreo on 23 Mar 2013
Although HTML 5 sounds ...
very interesting , abandoning Flash for HTML 5 related solutions brings with it sets of new problems for example different browsers dont all support the same features of HTML and with Microsoft preventing users of older Windows versions from upgrading to the latest browsers not all users will have the same user experience with these HTML5 developed apps of the future......Flash wasnt perfect but at least it sidetracked such issues and it was the closest thing to harmony and I really do hope one day we wont look back at this moment and regret the demise of Flash .....
By DaytR on 31 Mar 2013
This is dumb.
You're wrong.. flash stands for an era now thankfully gone of irresponsible design. Flash is almost always superflous and was eliminated from the web for obvious reasons, which I think adobe understood.
By intellectual_being on 9 Apr 2013
Version 5 people, not the Messiah!
Seems like the handheld device market is dictating how everybody develops nowadays. Does it really have such a strong market share? Or was it simply that Steve Jobs of Apple kicked the first domino over. His greed or non greed controversy aside, the man has managed to pull the wool over everyone’s eyes, and set a path that many are forced to go down. Are we not in fact going backwards? Is HTML5 really the future, or just a non-Flash default direction? The “5” stands for the version number! HTML has been around since the early 80’s it is not some new magical solution. HYPER TEXT MARKUP LANGUAGE people! Not multimedia development solution. HTML has not even got video compatibility right. Macromedia Flash solved this years ago. That’s why companies like YouTube and other video sites chose to use the format. Why are people not being allowed to use the best tools available? (Adobe Flash is second to none in numerous development environments). I was fortunate enough to have been involved with Flash from the early days where creativity was exploding, kind of like a 60’s awakening for creative web content. Now it seems that the future may be very bleak. The internet’s direction appears to be data, and the control of said data for profit. Where will all the creative people go? When programmers and coders are the only people required to build this new profit driven monster?
By Gforce on 29 Apr 2013
- The ICO's shame-faced u-turn on cookies
- Start8 and ModernMix: making Windows 8 work on a desktop
- How to boost your mobile reception
- How to fix Facebook: Social Fixer
- Taking the stress out of WordPress updates
- Where to download free web fonts
- Turn your tablet into a Sky+ remote control
- How to measure the success of a new IT system
- Three years on: the state of the tablet market
- Windows 8: what works and what doesn't
- Is it worth upgrading a media centre to Windows 8?
- Flickr redesign: is it enough to tempt photographers back?
- Hands on with the new Google Maps
- Nokia Lumia 925 review: first look
- Why I won't subscribe to Creative Cloud
- GoPro camera strapped to a remote-control helicopter: the ultimate boy's toy
- Acer Iconia A1 review: first look
- Acer Aspire P3 review: first look
- Acer Aspire R7 review: first look
- How we produce the PC Pro podcast
- BBC admits £100 million IT project was a "waste"
- IBM's Watson answers customers' questions
- New CEO reorganises Intel to target "new devices"
- Dell profits slide 79% amid buyout talks
- Forget cloud subscriptions: users prefer standard licences
- McAfee: cloud storage could help spread viruses
- Analysts question Windows 8 as UK PC shipments slump
- Google pools storage across Gmail and Drive
- Ofcom accused of killing off VoIP competition
- ShoreTel dock turns iPhones and iPads into desk phones