DZone
Web Dev Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Web Dev Zone > Adobe Prototype on HTML5's Cutting "Edge"

Adobe Prototype on HTML5's Cutting "Edge"

Mitch Pronschinske user avatar by
Mitch Pronschinske
·
Oct. 26, 10 · Web Dev Zone · Interview
Like (0)
Save
Tweet
9.82K Views

Join the DZone community and get the full member experience.

Join For Free
During the Adobe MAX 2010 keynote address, Adobe CTO Kevin Lynch demoed another tool based on emerging 'HTML5' technologies.  Edge is an HTML5 animation tool that's not in its final form yet, but Adobe is working on bringing its unique functionality into a final form as a standalone tool or an add-on to other software.  (Not to be confused with the Adobe Edge newsletter)

For web developers and designers, it can be simple to build an HTML5 animation, but difficult to choreograph that animation just the way you want it.  You can see below that the Edge prototype has a timeline setup that is commonly found in any video editing or effects software. 



Letting the visual tools do some of the leg work can be extremely helpful and time-saving, especially when you have a lot of elements.  Of course, you'll need to verify that any generated code is clean and know your HTML5.

A properties editor also supports new CSS transformations in 2D and 3D.  The Edge prototype uses the WebKit rendering engine for previewing animations, which should support all of the most stable HTML5 specifications.  Of course, Adobe didn't forget developer needs when building the prototype, which currently has a source code editing mode.

Check out this video of Adobe's Mark Anders previewing some of the features in Edge:



One of the commenters on the video was especially pleased with Adobe's new tooling venture, saying: "This tool is looking really promising. As a visual designer I look at the new HTML/CSS features and while they seem cool, there's such a huge barrier between what they can theoretically do and the voodoo that must be done for it to actually work. A tool that does the voodoo for you is what we need!"
HTML Prototype

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • Your Old Laptop Is Your New Database Server
  • Stupid Things Orgs Do That Kill Productivity w/ Netflix, FloSports & Refactoring.club
  • The End of the Beginning for Apache Cassandra
  • Why Performance Projects Fail

Comments

Web Dev Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo