Adobe Edge Preview 1 and jQuery

Adobe recently released Preview 1 of Adobe® Edge, a new web motion and interaction design tool, on labs:

Edge allows a designer to create animated content for websites, using web standards like HTML5, JavaScript, and CSS3. To get an idea of the types of animations you can create, be sure to check out the “Getting Started” video and samples:

jQuery is one of the key components in Edge’s implementation. It is used both internally, within the application itself, and within the final animation output it produces, to evaluate selectors and manipulate/traverse the DOM.

The animation output produced by Edge does not make use of jQuery’s $.animate() function. Edge uses its own declarative representation and implementation of timelines and tweens. This representation is designed to be highly flexible yet toolable and human-readable.

Edge Preview 1 uses jQuery 1.4.2. Succeeding Previews will use newer versions of jQuery, and the next release is expected to use version 1.6.2.

Please keep in mind that this is a preview, not a beta, or finished product so there is still quite a bit of work to be done on the product itself. Also, the Edge team is aware of the many ways to animate content with open web technologies (JS, CSS3, Canvas, SVG, etc). For this preview, the focus was on basics, specifically, animation of elements within the HTML document DOM. We’ve heard loud and clear from the community about their desire to animate content within canvas and SVG elements. I assure you that the team has already thought about support for content inside these elements, and so there are already implementation requests for these features in the Edge product backlog.

Give Edge a whirl and send any feedback, questions and requests to the team via the Edge forum:

10 Responses to Adobe Edge Preview 1 and jQuery

  1. I´ve tested it yesterday and I found a very clear and intuitive usability within. Please try to keep this concept. Edge is a very great tool that simply does what the user wants by just a few intuitive klicks and actions. Because of that it was a pleasure to use it the first time!

    Thank you

  2. Chris Gannon says:

    Using Edge has taken me back to my first tinkerings in Flash in the early years and I am having great fun again, doing just pure animation and working with a fairly limited toolset. Not a criticism, quite the contrary in fact. It’s allowing me to focus back on the reasons I started using Flash in the first place and I’m really enjoying it!

    Edge preview is a great first step towards a new frontier in native animation and all praise to Adobe for their hard work.

  3. KT says:

    Replace bad Flash animations with bad HTML5 animations. Sweet.

  4. Timothy Dempsey says:

    Thrilled to see an interface that leverages years of After Effects experience – which Edge evokes more than Flash from my perspective – to generate HTML5 and CSS transforms.
    Keep up the great work.

  5. Pingback: Adobe Edge First Impressions | Emerging Tech Talk

  6. Maui-man says:

    Great tool for a first preview and not even a beta!
    If you would like my feedback, I’m happy to share. Just contact me.

  7. Chris Miller says:

    Are there any release notes, or any documentation of any kind for this preview? Anyone know?