This session will look at how to create and publish an HTML5/JSS animation, in the form of a simple interactive game, using Adobe Edge Animate.
Along with demonstrating other core features of Edge Animate, this step-by-step tutorial will show how to create and work with multiple symbols, as well as how to add triggers and interactivity using simple JavaScript code snippets.

See how you can create and publish dynamic websites for desktop and mobile devices that meet the latest web standards — without writing code. Quickly plan your site by laying a smart foundation. Design using familar tools and keyboard shortcuts, and create unique mobile versions. Add engaging interactivity including slide shows and contact forms, plus add scroll effects and Adobe Edge animations. Preview and test your site before going live, and when you're ready, publish with Adobe or with the hosting provider of your choice.

In this video, Dan Carr shows you how to create a banner template in Adobe Edge Animate CC, edit the related code in Adobe Edge Code CC, and then add the template to a web page created in Adobe Edge Reflow CC. (Read the article to learn more.)

In this episode Simon Widjaja will show you how to load separate Edge Animate compositions into your project at runtime. We will also reach into the loaded composition to change content elements and react to events dispatched between compositions.

Get a thorough introduction on what to expect when animating for the web and what to avoid. This session with Kevin Hoyt, Adobe evangelist, is filled with practical advice that will help you sidestep common pitfalls and master core techniques you'll be glad to know.We'll cover:• The JavaScript that drives the animation• The familiar TweenMax library• Canvas with CreateJS• Emerging CSS Animation specifications • How it's all brought together using Adobe Edge Animate

Get an overview of Adobe Edge Animate and learn how web designers and developers are using it to create HTML-based animations and interactive compositions for use on the web and in other digital publications such as Adobe DPS. Presented by Justin Seeley. Learn more from full courses at lynda.com.

See how Adobe Edge Animate lets you extend your project into any realm of HTML, CSS, and JavaScript. Are you new to Edge Animate or JavaScript? Don't worry! Chris Converse, partner at Codify Design Studio, will provide free templates from the session material so you can try these techniques on your own.Join Converse to:• Learn how to take your Edge Animate compositions to new heights with randomized animations, hooks to your CSS rules, injection of custom HTML, and remote targeting of symbols • Take away some effective techniques for adding that professional polish to your compositions

Expect the unexpected when Simon Widjaja takes you on an inspiring journey through his numerous experiments using Adobe Edge Animate and Edge Tools & Services. Attend this session to see the full impact of Edge Animate on web and motion design and creative coding.Widjaja will embark on an unconventional path to:• Showcase advanced effects including parallax effects as well as overslides and how to remotely control them• Demonstrate more complex stuff like gaming projects and CMS integration• Outline how a set of free extensions and components can save real-world projects

This session will examine the Adobe Edge Animate Symbol structure and demonstrate a number of ways to achieve functional results similar to ActionScript using jQuery and JavaScript APIs. Learn these valuable techniques from Joseph LaBrecque, senior interactive software engineer at the University of Denver.In this session, we will:• Provide an overview of the Edge Animate Symbol structure• Demonstrate how to accomplish "component" creation• Show how to reuse these components in projects

Buttons are important for user interaction, so they are part of almost every interactive composition. In the first part of this episode you will learn how to easily create reusable multistate button components that can be used across projects. The second part uses these button components to create a slideshow - with a self generating, dynamic navigation.

In this lesson you will learn how to extend your Edge Animate compositions with 3rd party web components. Since Edge Animate output builds ontop of jQuery it's an open door for Google Maps, YouTube videos, jQuery UI components and even audio.

With Adobe Edge Animate you can create flexible layouts easily. In this lesson you will learn how to use percentage values, alignment and several other layout presets to build flexible layouts that look great across all screens. You will also learn how to create different adaptive layouts for specific screen sizes using the Edge Commons library.

In this video learn how to add interactivity to buttons as well as to the timeline using code snippets. Code snippets create JavaScript code but you can also customize it or even add your own JavaScript code to your content.

In this video learn how to easily create animation in Edge Animate. Add animation to any element on the stage very easily. Even add custom tweens. Also what is shown is how to use something unique to Edge Animate, the pin tool.