HTML Animation and Adobe Edge Animate CC

1,815 views

Published on

Getting started on HTML Animation technology and overview of Adobe Edge Animate CC's role in today.

Speaker: Teerasej Jiraphatchandej, User Group Manager, ThaiADC

Presented in a virtual meeting of Thai Adobe Developer Community.

Request speaker on web technology: teerasej@nextflow.in.th

Published in: Technology
  • Be the first to comment

HTML Animation and Adobe Edge Animate CC

  1. 1. www.thaiadc.com HTML Animation and Adobe Edge Animate CC Teerasej Jiraphatchandej User Group Manager, ThaiADC ! ! ThaiADC Visual Meeting 2/2014
  2. 2. www.thaiadc.com ‘พล’ ธีรเศรษฐ์ จิรภัทร์ชาญเดช User Group Manager, ThaiADC ! Facebook.com/teerasej
 Twitter.com/teerasej Youtube.com/user/teerasej! gplus.to/teerasej teerasej@gmail.com
  3. 3. www.thaiadc.com Web Animation
  4. 4. www.thaiadc.com Animation
  5. 5. www.thaiadc.com Frame by Frame
  6. 6. www.thaiadc.com Movie & Films
  7. 7. http://www.flickr.com/photos/kulturarvsprojektet/6498649123/sizes/l/
  8. 8. http://www.flickr.com/photos/kulturarvsprojektet/6498603845/
  9. 9. www.thaiadc.com Web Animation
  10. 10. www.thaiadc.com Making web animation
  11. 11. www.thaiadc.com Adobe Flash
  12. 12. www.thaiadc.com Adobe Flash • Cross-browser (PC) • ทำเป็น Mobile Application ได้ (Adobe AIR) • สนับสนุนการแสดงผลโดยใช้ Hardware (Stage 3D, Starling) • เร่ิมสนับสนุน Web Standard (HTML Canvas, CreateJS)
  13. 13. www.thaiadc.com Web Technology
  14. 14. www.thaiadc.com Adobe Flash Technology
  15. 15. www.thaiadc.com Web Technology
  16. 16. www.thaiadc.com Web-based • Javascript • CSS Transition • CSS Animation • HTML Canvas
  17. 17. www.thaiadc.com สิ่งที่ต้องใส่ใจ
  18. 18. www.thaiadc.com เทคโนโลยีอิงกับ Web Standard
  19. 19. www.thaiadc.com 5 มาเฟีย
  20. 20. www.thaiadc.com 5 มาเฟีย
  21. 21. www.thaiadc.com Responsive Layout
  22. 22. www.thaiadc.com
  23. 23. www.thaiadc.com
  24. 24. www.thaiadc.com
  25. 25. www.thaiadc.com เช็คให้แน่ใจ
  26. 26. www.thaiadc.com caniuse.com
  27. 27. www.thaiadc.com
  28. 28. www.thaiadc.com Framework
  29. 29. www.thaiadc.com
  30. 30. www.thaiadc.com GSAP (Greensock Javascript)
  31. 31. www.thaiadc.com Adobe Edge Animate CC
  32. 32. www.thaiadc.com HTML, CSS, Javascript Code Generator
  33. 33. www.thaiadc.com
  34. 34. www.thaiadc.com Feature • HTML Animation • HTML Interactive (Javascript, JQuery) • Publish to Web standard format • Support Responsive Layout • Support CSS Filter
  35. 35. www.thaiadc.com Demo.
  36. 36. www.thaiadc.com Thank You Let Q&A by Teerasej Jiraphatchandej User Group Manager, ThaiADC ! Search ‘teerasej’ or teerasej@gmail.com

×