HTML5 ARTICLE

November 11, 2013

Adobe's Edge Provides Essential HTML5 Tools for Web Designers, Developers


Considering the decline of Flash and a recent data breach, some observers have wondered whether Adobe had a relevant future. The release of Edge Tools and Services as part of Adobe's (News - Alert) Creative Cloud has shown that Adobe is not only relevant but also well-positioned for the mobile future.

Edge provides HTML5 tools that are comparable to those found in Hype or Sencha Animator. Edge Tools and Services that are provided with a Creative Cloud subscription include Animate, Reflow, Code and Inspect.

With Animate, developers can combine HTML, CSS (News - Alert) and JavaScript to create animated and interactive content. Designs are created within Webkit-based environment, which helps to ensure that they will render well on all types of browsers and devices.

Reflow enables developers to create responsive CSS-based layouts and visuals. Another Edge tool, Code, allows developers to code both content and applications using CSS, HTML and JavaScript. Edge Code works well with the other tools in the Edge series and is a distribution of the Brackets open source project.

The final tool, Inspect, shows developers what their sites will look like on a wide range of mobile devices. Developers can preview their mobile sites and grab screenshots from all of their connected devices so that they can easily see what to correct for mobile-friendliness.

Users can subscribe to Creative Cloud for $49.99 per month to use not only Edge tools but also the traditional Adobe products. Alternatively, they can just use Edge Animate in the cloud for $19.95 per month.

Adobe's Sarah Hunt told Megan Leavy-Heaton of TUAW.com that the company intends to add audio storytelling to Edge Animate and wants to integrate it with InDesign. The integrated solution could be used for ePub3 support, article linking, chart building, drawing, video and more.




Edited by Alisen Downey





HTML5 RESOURCES

HTML 5 Demos and Examples

HTML 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos.... Learn More

HTML5 GAMES

HTML5games.com is the largest and most comprehensive directory of HTML5 games on the internet... Learn More

The HTML5 test

How well does your browser support HTML5?... Learn More

Working Draft (WHATWG)

This is the Editor’s Draft from WHATWG. You can use it online or print the available PDF version... Learn More

HTML5 Flip Book

Free jQuery and HTML5 flip book maker for PDF to online page turning book conversion... Learn More