Tag Archives: CSS

Adobe Edge Preview 6 released!

May 10, 2012UncategorizedCSS, Edge Animate, HTML5, JavaScriptJoseph Labrecque

A new version of Adobe Edge is out at Adobe Labs! Adobe Edge Preview 6 includes a number of new features including:

Welcome Screen redesign
Lessons Panel
Instant Transition Mode
Full code mode in Code Editor
Edge Symbol file format
Google Chrome Frame support for down level browsers
Auto-Keyframe mode changes
Editable Time Codes
Context menu improvements
Copy & Paste, Import & Export Symbols
Publish to DPS
Publish to iBooks
Render Static HTML
Localization

That’s a LOT of new stuff since preview 5! In preparation for these release, I’ve recorded six new videos focusing on specific aspects of this release.

Adobe Edge Preview 6: Welcome Screen and Lessons Panel

Joseph Labrecque demonstrates the new enhanced welcome screen and new Lessons Panel in Adobe Edge Preview 6.

Adobe Edge Preview 6: Keyboard Shortcuts Dialog

Joseph Labrecque demonstrates the new keyboard shortcuts dialog in Adobe Edge Preview 6.

Adobe Edge Preview 6: Code Panel

Joseph Labrecque demonstrates the new Code Panel in Adobe Edge Preview 6.

Adobe Edge Preview 6: Exporting and Importing Symbols

Joseph Labrecque demonstrates the export and import of Symbols in Adobe Edge Preview 6.

Adobe Edge Preview 6: Publish Settings Enhancements

Joseph Labrecque demonstrates the enhancements made to publish settings in Adobe Edge Preview 6.

Adobe Edge Preview 6: General Enhancements

Joseph Labrecque demonstrates a few of the general enhancements in Adobe Edge Preview 6.

As always, these and other Edge resources can be accesses via http://memoryspiral.com/adobeedge/.

New Book: Adobe Edge Quickstart Guide

March 14, 2012Edge Animate, PublicationBooks, CSS, Edge Animate, HTML5, Interactivity, JavaScript, MotionJoseph Labrecque

Hot off the presses! My new book with Packt has been released and is now available: Adobe Edge Quickstart Guide!

This smaller book is being published in addition to a larger Learning Adobe Edge due later this year which covers the final release version of the Edge application and associated technologies.

Adobe Edge Quickstart Guide

Quickly produce engaging motion and rich interactivity with Adobe Edge Preview 4 and above

Author: Joseph Labrecque
Publisher: Packt Publishing (March 2012)
ISBN-10: 1-8496-9330-7
ISBN-13: 978-1-84969-330-1
Pages: 136

A comprehensive quickstart guide for creating engaging content with Adobe Edge. This book enables even those with little knowledge of HTML or programming web content to freely create a variety of rich compositions involving motion and interactivity. Detailed within is everything you need to know to get up to speed with the Adobe Edge Preview.

Adobe Edge Quickstart Guide serves as a quick, getting up-to-speed, go-to book focusing on the prerelease builds of Edge that Adobe has been releasing to Labs every few months. While the quickstart guide is a smaller book at 136 pages, it still covers quite a bit:

Gain an understanding of the shifting Web landscape
Effectively compare Adobe Edge to Adobe Flash Professional motion tools
Become familiar with all elements of the Edge application interface
Use the drawing tools in Edge to create and manipulate elements on the Stage
Import rich graphics for use in Adobe Edge compositions
Animate a range of elements with full transitioning through timeline keyframes
Employ JavaScript to add interactivity to your project through Actions and Triggers
Author a range of expressive compositions using nothing but web standards

(Special thanks to Christer Kaitila, author of the Adobe Flash 11 Stage3D (Molehill) Game Programming Beginner’s Guide, for taking some time to tech review the quickstart guide.)

Adobe Edge Preview 4 – Playback Actions

January 19, 2012Edge AnimateAnimation, CSS, Edge Animate, HTML5, Interactivity, JavaScriptJoseph Labrecque

Adobe Edge is a new motion and interactivity tool from Adobe which can output rich, interactive compositions using standard web technologies like HTML5, CSS, and JavaScript. I’ve recorded a small set of videos demonstrating some of the new features of Adobe Edge Preview 4 and present them here.