Adobe releases Flash-like HTML5 design tool Adobe Edge

Adobe Systems today announced the first public preview release of Adobe Edge, a new HTML5 web motion and interaction design tool available for free on labs.adobe.com for Mac and Windows. Web designers can use the tool to bring animations, similar to those created in Flash Professional, to websites using standards likes HTML, JavaScript, and CSS.

Because HTML5 is a moving standard, Adobe says it is adopting an open development methodology for Adobe Edge. For now, this means the company is releasing the software on the Adobe Labs website sooner than it would during a normal development process in order to allow user feedback to help shape the final product. Adobe Edge is not yet even considered in beta. It is being designed as a fast and lightweight professional-grade tool that complements Adobe's existing Web tools, such as Adobe Dreamweaver CS5.5, Adobe Flash Professional CS5.5, and Adobe Flash Builder 4.5.

The preview enables you to add motion to existing HTML documents without hampering design integrity of CSS-based layouts, and it also allows you to create visually rich content from scratch, using familiar drawing tools that produce HTML elements styled with CSS3. You can import standard Web graphics assets such as SVG, PNG, JPG, and GIF files and style them using CSS3. The design stage utilizes WebKit to enable design, preview, and manipulation of content. The timeline feature lets you define and customize motion applied to HTML elements. Content created with Edge is designed to work on modern browsers including those on Android, BlackBerry Playbook, iOS , HP webOS, and other smartphone mobile devices as well as Firefox, Google Chrome, Safari, and Internet Explorer 9.

"Over the last year Adobe has delivered on several significant HTML5 milestones including contributions to jQuery, submitting code to WebKit, and enhanced HTML5 output in Creative Suite 5.5," Paul Gubbay, vice president of Design and Web Engineering at Adobe, said in a statement. "Now, with Adobe Edge, we're taking our HTML5 tooling to a whole new level and look forward to getting some really useful feedback from the community over the next few months, as we refine the product."

Adobe releases three Photoshop apps for the iPad

As part of its Creative Suite 5.5 update, Adobe has released three Adobe Photoshop Touch apps for the Apple iPad: Adobe Color Lava ($3), Adobe Eazel ($5), and Adobe Nav ($2). You can grab them now from the Apple App Store.

The Adobe apps were developed using the Photoshop Touch Software Development Kit (SDK) in order to demonstrate the potential for new interaction between Photoshop CS5 and tablet devices. Adobe has already hinted that more Photoshop apps are coming and that it wants developers to create their own apps for Android devices, the Blackberry PlayBook, and iOS devices.

For the apps to work with your copy of Photoshop CS5, you have to update (don't worry, it's free) to version 12.0.4. For those who don't own Photoshop CS5, the updated version (version 12.1), which is part of Creative Suite 5.5, will also enable the Photoshop Touch app functionality.

The above is a step-by-step video to walk you through updating Photoshop CS5 to version 12.0.4, enabling Remote Connections, and connecting each of the Photoshop Touch apps to Photoshop. If you'd prefer individual videos for the apps, Adobe has uploaded those to YouTube as well: Adobe Color Lava, Adobe Eazel, and Adobe Nav.

For those who aren't as visual, here's a short description of each: Color Lava allows you to mix colors on the iPad using your fingers as well as create color swatches and themes that can be transferred into Photoshop, Nav provides more desktop space by enabling users to select and control Photoshop tools on the iPad, and Eazel lets you create paintings with your fingertips, which you can then transfer back to Photoshop wirelessly.