Adobe Edge: New Web Design Tool to Create Animated Content using HTML5, JavaScript and CSS3

If you like this article, please share it with your friends and contacts on Google Plus, Facebook and Twitter using following buttons so that they can also enjoy the article:







Email

"Adobe Edge" is a new web design tool released by Adobe which allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3. It is currently in public preview and is designed to be powerful yet approachable and easy to use.

It has been released as free and the company promises that it'll remain free in future as well.

Edge is ideal for visual, web and interaction designers who want to energize their content for the web with movement and transitions. Edge Preview 1 focuses primarily on animation and motion, with upcoming previews featuring additional creative capabilities and functionality.

Edge is a standalone software application that works independently of other tools.

Features List:

Intuitive user Interface: The user interface is based on a stage, timeline, and panels for elements and properties. Animations and timing can be controlled on a WebKit-based stage, or via precise property adjustments directly on the timeline. You can also make quick edits on individual or multiple objects.

Visually author animated content: Create new compositions from scratch using basic HTML building blocks, text, and imported web graphics. Manipulate objects with an array of transformation and styling options which Edge natively applies to our jQuery-based animation framework.

Add motion to existing HTML content: Add motion elements to existing HTML web documents. Edge stores all of its animation in a separate JavaScript file that cleanly distinguishes the original HTML from Edge’s animation code. Edge makes minimal, non-intrusive changes to the HTML code to reference the JavaScript and CSS files it creates.

Import web graphics files: Import existing web graphics such as SVG, JPG, PNG, and GIF files.

Standards-based output: Edge reads and writes HTML, CSS and JavaScript files natively. Animated content produced in Edge is expressed in a JavaScript Object Notation (JSON) data structure that preserves the CSS-based layout. JSON is a formatting style for JavaScript that is easily readable, and allows more flexibility to work with the document and animated content independently.

Reliable content on desktops and devices: Animated content created with Edge is designed and tested to work reliably on the iOS and Android platforms, WebKit-enabled devices, and popular desktop browsers such as Firefox, Chrome, Safari, and Internet Explorer 9.

It can be installed in Windows Vista SP1, Windows 7 and Mac OS X v10.6 and 10.7.

You can download it using following link:

Download Adobe Edge

Download Sample Files

Other similar articles that may interest you:





This article was posted by in following section: Software.

If you enjoyed this article, subscribe to our RSS feed or free newsletter to get all new articles directly in your Inbox. Also check out our popular articles and archive to read other interesting articles.


Best and Most Popular Articles

Read More Articles



Readers' Comments

Add a Comment

(required)