Quick and Dirty Guide for Developers: Adobe Edge Preview 3 in 4 Hours

By Samir Dash
Published by patternGraphic DigiBooks
$4.00 Rating: Not yet rated.
Published: Dec. 16, 2011
Words: 14,308 (approximate)
Language: English
ISBN: 9781466079724

Short description

This book covers - Edge Runtime,actions,DOM events,Basic Actions,Triggers, Lookup Selectors,Edge Touch API and Gestures for iPhones, iPads and Android devices, WebKit Event Object for touch events, jQuery Mobile Events, Adding Gesture Events to Compositions, vmouse, Complex Interactions between Multiple Compositions, Reusable Compositions, nested Element Animation,Reusable Components

Extended description

A quick 4 hours guide for developers, web designer and those having basic knowledge in HTML, CSS, Java Script and jQuery to learn using Adobe Edge Preview 3 to develop web interactive and web applications.
The book covers the following topics:
Before We Start!
What is Adobe Edge?
What to Expect from this Book (Read more) A quick 4 hours guide for developers, web designer and those having basic knowledge in HTML, CSS, Java Script and jQuery to learn using Adobe Edge Preview 3 to develop web interactive and web applications.
The book covers the following topics:
Before We Start!
What is Adobe Edge?
What to Expect from this Book
Hour 1: Overview of Edge Runtime
Edge Composition
Edge Symbol
Edge Action
Events
HTML page DOM specific Events
Edge Elements DOM specific Events
Element level Touch Interaction specific
Triggers
Hour 2: Adding Basic Actions to Your Animation - Playing with Triggers
Where to Add Triggers in the Edge IDE ?
Different Type of Triggers
“Earth” – An Example for Basic Playback Control
“Day and Night” – An Example for Changing the content of an Element in Runtime
Where all Triggers are Saved When We Type into the Edge Code Editor?
Reference to different Elements and their properties while writing Triggers
Using Lookup Elements (Lookup Selectors) and jQuery API
Using Some Other Useful Edge Runtime APIs
“Progress Bar” Example – Using what we have learned about referencing Elements
Hour 3: Edge Touch API and Gestures for iPhones, iPads and Android devices - Thinking Beyond Desktop & Mouse
Touch Events supported on iPhones, iPads and Android devices
Difference Between Touch and Mouse Events
The WebKit Event Object for touch events
Note: Setup Environment to Test HTML Pages on Your Devices
Gestures
Adobe Edge and jQuery Mobile Events
Using Touch Events in Edge Compositions
Adding Touch Events to Edge Element’s Action
Adding Touch Events to the DOM Elements Associated with Edge Element
Adding Gesture Events to Compositions in Edge IDE
Making Edge Compositions Compatible for Both Mouse and Touch Events
Example: Cross-platform Slider
Prevent scrolling
Prevent Default HTML Resize
Hour 4: Complex Interactions between Multiple Compositions and Development and Usage of Reusable Compositions
Wheel: Example of a nested Element Animation
Adding Interaction to Control the Animation of the Nested Element
Benefits of Nested Animation
Reusability Approach of Development in Edge
Example: Building a Reusable Slider Component
Example: Product Selector – How to Use of the Reusable Edge Composition Multiple Times in another Edge Composition with Different Configurations
Going Forward
Next Steps
Source Files for this Book
(Less)

Tags

programming, action, android, iphone, graphics, design, web, web 20, development, software, safari, web design, epub, flash, digital publishing, web development, adobe, touch, ipad, html, html5, controls, ios, jqtouch, edge, java script, jquery, game development, vector, ipad animation, ria, html canvas, svg, htm, client side application, webkit, mouse events, vmouse, reusable code, component, w3c

Available ebook reading formats

Single purchase gains access to all formats. How to download ebooks to e-reading devices and apps.

Format	Full Book	Sample First 20%
Online Reading (HTML, good for sampling in web browser)	Buy	View sample
Kindle (.mobi for Kindle devices and Kindle apps)	Buy	Download sample
Epub (Apple iPad/iBooks, Nook, Sony Reader, Kobo, and most e-reading apps including Stanza, Aldiko, Adobe Digital Editions, others)	Buy	Download sample
PDF (good for reading on PC, or for home printing)	Buy	No sample available
LRF (Use only for older model Sony Readers that don't support .epub)	Buy	Download sample
Palm Doc (PDB) (for Palm reading devices)	Buy	Download sample

Videos

Reusable Adobe Edge Compositions: Used as custom components in Complex Compositions
In hour 4 section of this book you will learn how to create reusable compositions which can be used in other Edge composition through configurable parameters. For source files and details check the book.

Using Multiple Complex Compositions in Adobe Edge Runtime: The wheel animation example
This sample shown in this video is explained in the current book. In the video you can see there are 3 different Edge compositions the first one is a simple background, the second one is a rotating wheel and the third one is the combination of the two to render the final interactive. For source files refer to the book.

Product Color Selector using Edge Runtime jQuery HTML5 CSS3
Here is an experiment from the current book, showing how a product selector can be built with Flash like user experience using HTML5, jQuery, CSS3 and of course Adobe Edge Preview 3 runtime. For source code refer to the book.

Reviews

Log-in to write a Review   Log-in to add a Video Review

This book has not yet been reviewed.

Reason for report:
— Select a reason — Book is or contains spam Book infringes copyright Same content is published elsewhere with different author (for ex., by private-label rights) Duplicate Incomplete work (such as sample or serial) Should be marked adults-only Category is inappropriate Poorly formatted Nudity or other inappropriate content on cover Nudity or other inappropriate visual content in book Inappropriate erotica content Cover image is improper Content is inappropriate Other violation of Terms of Service Other reason not shown above.

Additional details: