Adobe Edge: A New Web Motion and Interaction Design Tool for HTML5

Adobe Labs has launched its new version on 1st August 2011 i.e. Adobe Edge and that too for web designers as it should be of great interest to most of them.

Adobe Edge is a new web motion and interaction design tool permit web designers to create animated content and interactive pages for a website, with the use of web standards such as HTML5, CSS3, and JavaScript. Earlier, this was done with the help of an animation program but now Adobe Edge makes it simpler for web designer to build HTML5 animated pages with CSS3 effects. Therefore, we can say that Adobe Edge is fully HTML5 and CSS3 complaint.

Presently, it is free and only takes single minute to download. Abode is releasing Adobe Edge in such a way that it gets feedback from the people who would use a product like this such as Web designers. At this early stage of Adobe Edge, it will be updated on regular basis to add new-fangled functionality, stay ahead of growing web standards, and assimilate the opinion of user, just to provide the best functionality and user experience. This is not the end of Adobe Edge; as still more capabilities to come.

Adobe Edge mainly focus on adding rich motion design to new or existing HTML files so that it runs brilliantly on devices and various desktops. Below mentioned steps help you in creating animated HTML:

  1. Create new files and documents with the help of Edge’s drawing and text tools.
  2. After creating documents, import popular graphics such as PNG, JPG, SVG, or GIF files.
  3. Now, animate these elements with Edge’s property panel and timeline editor. All you have to do is to animate position, color,  shape, size, rotation and more.
  4. Lastly, add some additional capabilities such as motion in existing HTML files to increase the expressiveness and interactivity in CSS-based HTML layouts.

Adobe Edge Preview is a new edition launched to the existing set of Adobe tools. Each tool has its own features and also supports different set of technologies. Some of the features are as follows:

  1. Intuitive user interface
  2. Visually author animated content
  3. Standards-based output
  4. Add motion to existing HTML content
  5. Reliable content on desktops and devices
  6. Import web graphics files

However, Adobe Edge is a standalone application that works independently of other Adobe tools. Moreover, they mentioned that this application is designed only for evaluation purposes. And also recommend that this should not be used for production systems or any type of critical work.


2 thoughts on “Adobe Edge: A New Web Motion and Interaction Design Tool for HTML5”

Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s