Posts Tagged ‘Edge’


This month Adobe gifted a new web animations tool called Edge to HTML5 world. This tool is for HTML5web designer for creating interactive graphics on website using HTML5. Currently this is a public preview release version of Edge. According to Adobe this new tool Edge will let web coders bring animation similar to that created in Flash Professional, to websites using standards like HTML5, JavaScript and CSS. The layout of this tool is like same as Adobe Flash tool. Content created with Edge is designed to work on modern browsers including those on Adobe EdgeAndroid, BlackBerry, Playbook, iOS, HP webOS, and other smartphone mobile devices as well as Firefox, Google Chrome, Safari, and Internet Explorer. Still, with HTML5 being a relatively new technology, it doesn’t today deliver a consistent experience across the widest range of devices and browsers. Adobe’s Edge is a first dedicated IDE for HTML5.

Adobe’s Edge Tool Interface Preview

Adobe’s Edge Tool interface preview

Edge Preview Highlights

This version of Edge focuses primarily on adding rich motion design to new or existing HTML projects, that runs beautifully on devices and desktops.

# Create new compositions with Edge’s drawing and text tools.
# Import popular web graphics such as SVG, PNG, JPG or GIF files.
# Easily choreograph animation with the timeline editor. Animate position, size, color, shape, rotation and more at the property level.
# Energize existing HTML files with motion, while preserving the integrity of CSS-based HTML layouts.
# Copy and paste transitions, invert them, and choose from over 25 built-in easing effects for added creativity.

Reference link for Adobe’s Edge

Adobe Lab for Edge – http://labs.adobe.com/technologies/edge/
Download Link – https://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_edge
Sample file for preview – http://labs.adobe.com/technologies/edge/resources/

edge_adobe