• book

From the Publisher

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
HTML page DOM specific Events
Edge Elements DOM specific Events
Element level Touch Interaction specific
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
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

Published: patternGraphic DigiBooks on
ISBN: 9781466079724
List price: $4.00
Read on Scribd mobile: iPhone, iPad and Android.
Availability for Quick and Dirty Guide for Developers: Adobe Edge Preview ...
With a 30 day free trial you can read online for free
  1. This book can be read on up to 6 mobile devices.

Related Articles

3 min read

Declutter Your Office by Updating Your Personal Tech

Ah, spring: a time of renewal, shaking off winter's cobwebs and getting your house--and office--in order. It's time for a going-over of not only the supply closet and file cabinet but of desktops (physical and virtual), office systems and technology. That means ditching the dust-collecting file racks, jettisoning obsolete hardware and sending cubicle-side sentimental keepsakes back home where they belong. "Things go in waves with office design, and it definitely feels like things are moving toward a less cluttered office approach," says Stephen Searer, founder of OfficeSnapshots.com, an online
2 min read

How Onboard Data Can Help Your Business

Whether you run your own business or commute to someone else’s, you are highly dependent on your vehicle. Automatic, a free app combined with a $100 wireless adapter, can help optimize this costly and essential part of your operation.   The Automatic adapter plugs into a vehicle’s onboard computer via its ODB-II diagnostics port and connects to an iOS or Android smartphone via Bluetooth. With built-in GPS, the device keeps track of where your vehicle goes or -- perhaps even more useful -- where it’s parked. An accelerometer detects impacts, helping Automatic monitor for accidents and alerting
Popular Science
2 min read

The Week In Tech: Tunnels, Coolers, And Bears. Oh My.

OtterBox's new Venture Cooler, and a bear. OtterBox The tech world is looking ahead to next week's Google I/O conference, but there was plenty going in the technology realm this week. Here's some of the stuff you might have missed. Amazon proudly announced that its Alexa-enabled family of products grew by one member with the unveiling of the Echo Show, which has a screen for doing things like making video calls. Facebook’s AI research group said they had created a faster, better language translation system using a neural network. Microsoft held its annual Build developer's’ conference, where i