Adobe Edge promises Flash-style animation with HTML5

Adobe logoAdobe's new Web development tool, Edge, aims to offer the same dynamic motion as Flash, but in the industry standard HTML5 format compatible with the iPhone and iPad.

Heidi Voltmer and Josh Hatwich of Adobe spoke with AppleInsider and showed off the new Adobe Edge tool, which is now available as a free download. With the first preview of Edge, the company has shifted its development strategy from the past, when software was only available in a closed beta.

Voltmer said Adobe plans on engaging with its development community and asking for feedback as it updates the software over the coming months. Adobe Edge is expected to be released as a commercial 1.0 product at some point in 2012.

"Our customers will actually see the product develop based on their input," Voltmer said of the preview period.

Hatwich provided a demonstration of the software, and noted that it launches quickly and features a user interface that those who have used Adobe's other products, like After Effects and Flash Pro, will be instantly familiar with.

In one live example, Hatwich created an animation built entirely in HTML5 with Adobe Edge. The animation was a faux advertisement for Edge, with text and graphics fading in and out and sliding across the screen.

The new motion and interaction design tool will let customers build Flash-like content using Web standards like CSS and JavaScript. It also supports the animation framework built on JQuery, a popular JavaScript library used widely on the Internet.

Adobe Edge

"You can really get a really nice experience and a nice effect using just HTML5 and technologies that are native to the browser," Hatwich said.

In another demonstration, he showed how Adobe Edge can be used to add HTML5 elements to an existing website. The application was used to download the entire contents of a website, and Hatwich was then able to target specific elements of the page.

In this example, Hatwich selected a division on the page, known as a "div," and created a quick element of it sliding into place. He then copied that animation and pasted it for another element on the page, quickly replicating the same motion.

After the HTML5 code was created by Adobe Edge, Hatwich opened the page in Apple's Safari browser to show off the animation in action. When looking at the source code of the page, he showed that the entire HTML markup of the page remained intact, and that Edge simply added a few "include" files into the head section of the page. Actual content was stored in a Javascript file and a CSS file.

Hatwich said he believes the functionality available now with Adobe Edge is superior to the "rough handoff" that currently happens on some websites with server-side content management systems.

Adobe has been testing its tool across a variety of browsers and platforms, with particular interest in the iPhone and iPad, which do not run Flash. Because some browsers feature support for only some aspects of the HTML5 specification, he admitted getting sites to work seamlessly is something of a work-in-progress.

"It's an emerging space," Hatwich said.

But as Web development continues to grow and change, Adobe officials indicated they intend to stay aggressive in supporting both Flash and HTML5 with new and enhanced tools for programmers.

To that end, Hatwich revealed that Adobe is developing Edge with a "rapid release cycle" as part of the design. Numerous updates to the pre-release software are planned for the coming months, adding new features and functionality as the team builds toward a 1.0 release.

"We know that we need to get out early and we need to get lots of feedback from customers," Voltmer said, "and we need to really move quickly to adapt to that feedback."

Source: AppleInsider

Tags: Adobe, Adobe Flash, HTML5

Add comment

Your name:
Sign in with:
Your comment:

Enter code:

E-mail (not required)
E-mail will not be disclosed to the third party

Last news

Galaxy Note10 really is built around a 6.7-inch display
You may still be able to download your content
Facebook, Messenger and Instagram are all going away
Minimize apps to a floating, always-on-top bubble
Japan Display has been providing LCDs for the iPhone XR, the only LCD model in Apple’s 2018 line-up
The 2001 operating system has reached its lowest share level
The entire TSMC 5nm design infrastructure is available now from TSMC
The smartphone uses a Snapdragon 660 processor running Android 9 Pie
The Samsung Galaxy A5 (2017) Review
The evolution of the successful smartphone, now with a waterproof body and USB Type-C
February 7, 2017 / 2
Samsung Galaxy TabPro S - a tablet with the Windows-keyboard
The first Windows-tablet with the 12-inch display Super AMOLED
June 7, 2016 /
Keyboards for iOS
Ten iOS keyboards review
July 18, 2015 /
Samsung E1200 Mobile Phone Review
A cheap phone with a good screen
March 8, 2015 / 4
Creative Sound Blaster Z sound card review
Good sound for those who are not satisfied with the onboard solution
September 25, 2014 / 2
Samsung Galaxy Gear: Smartwatch at High Price
The first smartwatch from Samsung - almost a smartphone with a small body
December 19, 2013 /

News Archive



Do you use microSD card with your phone?
or leave your own version in comments (16)