Adobe gives designers the Edge with HTML 5 tool

Adobe has shown off a design tool called Edge that lets designers animate web page elements using standard web technology, as part of its attempt to grow beyond Flash.

Adobe has shown off a design tool called Edge that lets designers animate web page elements using standard web technology. Screenshot: Stephen Shankland

Adobe Edge provides a graphical user interface to automate programming that otherwise would require more technical knowledge of HTML 5, the next-generation version of Hypertext Markup Language, and CSS, the standard for formatting and some animated transitions on the web.

With Edge, designers can drop images or scalable vector graphics (SVG) elements onto a canvas that is connected to an animation timeline. Animations can be built by dragging those elements around or manually editing properties, and those animation actions can be copied, pasted and scaled as needs change.

For more on this ZDNet UK-selected story, see Adobe Edge adds Flash-like animation to Web design on CNET News.