HTML Animation and Adobe Edge Animate CC
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

HTML Animation and Adobe Edge Animate CC

on

  • 795 views

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

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

Statistics

Views

Total Views
795
Views on SlideShare
794
Embed Views
1

Actions

Likes
1
Downloads
11
Comments
0

1 Embed 1

https://bbweb-prod-11.cssd.pitt.edu 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

HTML Animation and Adobe Edge Animate CC Presentation Transcript

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