49
THE FLASHY SIDE OF ADOBE EDGE Joseph Labrecque D2WC | May 17 th 2012

The Flashy Side of Adobe Edge

Embed Size (px)

Citation preview

Page 1: The Flashy Side of Adobe Edge

THE FLASHY SIDE OF ADOBE EDGE

Joseph Labrecque

D2WC | May 17th 2012

Page 2: The Flashy Side of Adobe Edge

Joseph Labrecque, MA

University of Denver - OTL Senior Interactive Software Engineer Adjunct Faculty

Fractured Vision Media, LLC Proprietor

Twitter: @JosephLabrecque Web: http://josephlabrecque.com/

Page 3: The Flashy Side of Adobe Edge

How many are familiar with Flash Professional?

Page 4: The Flashy Side of Adobe Edge

How many are familiar with Edge?

Page 5: The Flashy Side of Adobe Edge

Adobe FLASH

Page 6: The Flashy Side of Adobe Edge

• Desktop browsers via Flash Player! • Windows, Mac, & Linux via AIR! • Android browsers via Flash Player! • Android apps via AIR! • iOS apps via AIR! • QNX browsers via Flash Player! • QNX apps via AIR!

Flash is EVERYWHERE!

Page 7: The Flashy Side of Adobe Edge

What the hell happened?!?

Page 8: The Flashy Side of Adobe Edge

November 9th 2011

Page 9: The Flashy Side of Adobe Edge

Community Fallout

Page 10: The Flashy Side of Adobe Edge

HTML vs. Flash / HTML & Flash

Page 11: The Flashy Side of Adobe Edge

Adobe: “FLASH IS NOT DEAD”

photo via Grant Garrett - @InfluxisGrant

Page 12: The Flashy Side of Adobe Edge

Adobe EDGE

Page 13: The Flashy Side of Adobe Edge

Why Edge?

image via Lee Brimelow - @leebrimelow

Page 14: The Flashy Side of Adobe Edge

HTML & Friends

Page 15: The Flashy Side of Adobe Edge

Adobe Edge Prototype

Page 16: The Flashy Side of Adobe Edge

Edge Today

Page 17: The Flashy Side of Adobe Edge

Similarities

Page 18: The Flashy Side of Adobe Edge

The Edge Stage

Page 19: The Flashy Side of Adobe Edge

The Edge Library

Page 20: The Flashy Side of Adobe Edge

The Edge Timeline

Page 21: The Flashy Side of Adobe Edge

Keyframes in Edge

Page 22: The Flashy Side of Adobe Edge

Edge Symbols

Page 23: The Flashy Side of Adobe Edge

Edge Preloaders

Page 24: The Flashy Side of Adobe Edge

Publishing (sorta)

Page 25: The Flashy Side of Adobe Edge

Differences

Page 26: The Flashy Side of Adobe Edge

Editing Code

Page 27: The Flashy Side of Adobe Edge

The Timeline

Page 28: The Flashy Side of Adobe Edge

Clipping Images

Page 29: The Flashy Side of Adobe Edge

Embedded Type

Page 30: The Flashy Side of Adobe Edge

The Content

Page 31: The Flashy Side of Adobe Edge

Working together

Page 32: The Flashy Side of Adobe Edge

Edge Masquerading as Flash

Page 33: The Flashy Side of Adobe Edge

Flash Masquerading as Edge

Page 34: The Flashy Side of Adobe Edge

Keyboard Shortcuts

Page 35: The Flashy Side of Adobe Edge

Re-Appropriation of Assets

Photoshop

Illustrator

Fireworks

Flash Professional

Edge

Page 36: The Flashy Side of Adobe Edge

Generated PNG Sequences

Page 37: The Flashy Side of Adobe Edge

Sprite Sheets!

Page 38: The Flashy Side of Adobe Edge

Edge Preloaders from Flash

Page 39: The Flashy Side of Adobe Edge

Mistakes of the past

Page 40: The Flashy Side of Adobe Edge

SKIP INTRO

http://www.jasondasey.com/

Page 41: The Flashy Side of Adobe Edge

Unnecessary Content

http://zombo.com/

Page 42: The Flashy Side of Adobe Edge

Edge appropriate-ness

Page 43: The Flashy Side of Adobe Edge

• Landing pages • Advertisements • Micro-sites • Banners • Interactive content • Animation

When is Edge most useful?

Page 44: The Flashy Side of Adobe Edge

Appliness Web Ads

<iframe src=’http://appliness.com/code/banner/’ width=”468″ height=”60″ frameborder=’0′> </iframe>

Page 45: The Flashy Side of Adobe Edge

Edge in-appropriate-ness

Page 46: The Flashy Side of Adobe Edge

When not to use Edge…

Page 47: The Flashy Side of Adobe Edge

Edge is a hammer. Flash is a wrench. HTML 5 is a screwdriver.

- Tom Green

Page 48: The Flashy Side of Adobe Edge

Thank you.

@JosephLabrecque

Page 49: The Flashy Side of Adobe Edge

Book Giveaway!