The Flashy Side of Adobe Edge

3,117 views
2,980 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,117
On SlideShare
0
From Embeds
0
Number of Embeds
1,047
Actions
Shares
0
Downloads
20
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

The Flashy Side of Adobe Edge

  1. 1. THE FLASHY SIDE OFADOBE EDGEJoseph Labrecque D2WC | May 17th 2012
  2. 2. Joseph Labrecque, MAUniversity of Denver - OTLSenior Interactive Software EngineerAdjunct FacultyFractured Vision Media, LLCProprietorTwitter: @JosephLabrecqueWeb: http://josephlabrecque.com/
  3. 3. How many are familiar with Flash Professional?
  4. 4. How many are familiar with Edge?
  5. 5. Adobe FLASH
  6. 6. Flash is EVERYWHERE!• 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!
  7. 7. What the hell happened?!?
  8. 8. November 9th 2011
  9. 9. Community Fallout
  10. 10. HTML vs. Flash / HTML & Flash
  11. 11. Adobe: “FLASH IS NOT DEAD” photo via Grant Garrett - @InfluxisGrant
  12. 12. Adobe EDGE
  13. 13. Why Edge?image via Lee Brimelow - @leebrimelow
  14. 14. HTML & Friends
  15. 15. Adobe Edge Prototype
  16. 16. Edge Today
  17. 17. Similarities
  18. 18. The Edge Stage
  19. 19. The Edge Library
  20. 20. The Edge Timeline
  21. 21. Keyframes in Edge
  22. 22. Edge Symbols
  23. 23. Edge Preloaders
  24. 24. Publishing (sorta)
  25. 25. Differences
  26. 26. Editing Code
  27. 27. The Timeline
  28. 28. Clipping Images
  29. 29. Embedded Type
  30. 30. The Content
  31. 31. Working together
  32. 32. Edge Masquerading as Flash
  33. 33. Flash Masquerading as Edge
  34. 34. Keyboard Shortcuts
  35. 35. Re-Appropriation of Assets Photoshop Flash Professional Illustrator Edge Fireworks
  36. 36. Generated PNG Sequences
  37. 37. Sprite Sheets!
  38. 38. Edge Preloaders from Flash
  39. 39. Mistakes of the past
  40. 40. SKIP INTRO http://www.jasondasey.com/
  41. 41. Unnecessary Content http://zombo.com/
  42. 42. Edge appropriate-ness
  43. 43. When is Edge most useful?• Landing pages• Advertisements• Micro-sites• Banners• Interactive content• Animation
  44. 44. Appliness Web Ads <iframe src=’http://appliness.com/code/banner/’ width=”468″ height=”60″ frameborder=’0′> </iframe>
  45. 45. Edge in-appropriate-ness
  46. 46. When not to use Edge…
  47. 47. Edge is a hammer.Flash is a wrench.HTML 5 is a screwdriver. - Tom Green
  48. 48. Thank you.@JosephLabrecque
  49. 49. Book Giveaway!

×