• Adobe Edge: New Interactive HTML5 Design Tool Goes Into Beta

    // Gradly // Adobe, blog, Download, News, Software No Responses

    Adobe has released its “HTML5″ web design tool Edge. The tool is currently in beta.

    Adobe® Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.

    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.

    Feature Description
    Intuitive user Interface The user interface is based on a stage, timeline, and panels for elements and properties. It’s influenced by our customers’ favorite features and functionality in class-leading tools like After Effects and Flash Professional, but innovates in its ease of use. Animations and timing can be controlled on a WebKit-based stage, or via precise property adjustments directly on the timeline. You can also make quick edits on individual or multiple objects.
    Visually author animated content Create new compositions from scratch using basic HTML building blocks, text, and imported web graphics. Manipulate objects with an array of transformation and styling options which Edge natively applies to our jQuery-based animation framework.
    Add motion to existing HTML content Add motion elements to existing HTML web documents. Edge stores all of its animation in a separate JavaScript file that cleanly distinguishes the original HTML from Edge’s animation code. Edge makes minimal, non-intrusive changes to the HTML code to reference the JavaScript and CSS files it creates.
    Import web graphics files Import existing web graphics such as SVG, JPG, PNG, and GIF files.
    Standards-based output Edge reads and writes HTML, CSS and JavaScript files natively. Animated content produced in Edge  is expressed in a JavaScript Object Notation (JSON) data structure that preserves the CSS-based layout. JSON is a formatting style for JavaScript that is easily readable, and allows more flexibility to work with the document and animated content independently.
    Reliable content on desktops and devices Animated content created with Edge is designed and tested to work reliably on the iOS and Android platforms, WebKit-enabled devices, and popular desktop browsers such as Firefox, Chrome, Safari, and Internet Explorer 9.

  • Google Announces Swiffy, SWF to HTML5 Conversion Tool

    // Gradly // Adobe, Apple, blog, Download, google, News, Software No Responses

    An engineering intern at Google has created a tool that allows SWF (Flash) files to be converted to HTML5. The project is centered around advertisements, but many different types of SWF content, like some games and animations, are able to be converted. Adobe announced a similar project, named “Wallaby“, a few months ago, but it is designed primarily to publish Flash code to HTML5, not convert existing SWF files.

    Today we’re making the first version of Swiffy available on Google Labs. You can upload a SWF file, and Swiffy will produce an HTML5 version which will run in modern browsers with a high level of SVG support such as Chrome and Safari. It’s still an early version, so it won’t convert all Flash content, but it already works well on ads and animations. We have some examples of converted SWF files if you want to see it in action.

    Swiffy-converted files will work in Chrome and Safari (both desktop and mobile), so iOS users will benefit from the additional content. Of course, this also means that ads will be easier to display on iDevices. If you have a SWF file that you would like converted, head over to the Google Labs page.

  • Adobe Unveils Creative Suite 5.5 with iPad Tools for Photoshop

    // Gradly // blog, Funny, iPad, News, Software, Tech. No Responses

    Adobe officially announced Creative Suite 5.5, a new mid-cycle upgrade for its creative applications, bringing subscription pricing and new multi-touch iPad applications for operating Photoshop.

    The Adobe Creative Suite 5.5 family marks a major change to Adobe’s product release strategy for Creative Suite. Adobe said it now plans to have milestone Creative Suite product introductions at 24-month intervals and — starting with Creative Suite 5.5 — significant mid-cycle releases.

    As part of Creative Suite 5.5, Adobe has launched a subscription-based pricing plan. Subscription Editions ensure that customers are always working with the most up-to-date versions of the software without the upfront cost of full pricing. Subscription pricing allows users to access flagship products like Adobe Photoshop for as little as $35 per month, Adobe Design Premium CS 5.5 for $95 per month, or Adobe Creative Suite 5.5 Master Collection for $129 per month.

    In addition, Adobe announced three new iPad applications that demonstrate the creative possibilities of using tablets to drive common Photoshop workflows — Adobe Color Lava for Photoshop, Adobe Eazel for Photoshop and Adobe Nav for Photoshop. THese are designed to enable users to create custom swatches, paint and drive popular Photoshop tools from tablet devices.

    The applications are a part of the Photoshop Touch Software Development Kit, which allows developers to create mobile and tablet applications that interact with Adobe Photoshop CS5 and Photoshop CS5 Extended software. The Photoshop Touch SDK and new scripting engine will allow Android, BlackBerry Tablet OS and iOS applications to drive and interact with Photoshop on the desktop.

    [via: Appleinsider]

  • Adobe Releases Flash-to-HTML5 Conversion Tool to reach iOS Safari & Other Devices

    // Gradly // blog, Download, News, Rants & Raves, Tech. 1 Response

    Adobe has finally released a pre-release version of their ‘Wallaby’ Flash-to-HTML5 file conversion software. The software is easy for developers to use and allows developers to drag and drop their Flash content into an Adobe Air application that will then convert it to HTML5 code.

    The new code can then be completely edited in programs like Adobe Dreamweaver or manually by hand in text editing software. This new application from Adobe is a huge deal and developers can now easily convert their Flash websites and web applications for use on non-Flash devices like the iPhone, iPod touch, and iPad.

    “Wallaby” is the codename for an experimental technology that converts the artwork and animation contained in Adobe® Flash® Professional (FLA) files into HTML. Wallaby is not a final product and is still in the testing and validation phase. We are not yet able to commit to a roadmap for this experimental technology.

    Here’s a video of the software: