Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Výkon 
Webových 
Animácií 
by Milan
Prečo? 
• Improved UX 
• “Krok s dobou” 
• šetrenie batérie zariadenia
CSS animácie 
• Animate.css (http://daneden.github.io/animate.css/)?
JS animácie 
• lepšia podpora v prehliadačoch 
• poskytujú vačšiu funkcionalitu 
• lepšie menežovateľný workflow animácií ...
Velocity.js
Velocity.js 
• Nadstavba and jQuery.animate 
• značné zlepšenie výkonu 
• efektívna synchronizácia DOM počas priebehu anim...
Velocity.js 
• http://velocityjs.org 
• DEMO: http://julian.com/research/velocity/demo.html
GSAP
GSAP 
• Vysoký výkon, špeciálne na mibilných zariadeniach 
• Robusná knižnica s mnohými funkciami 
• Kompatibilita už s IE...
GSAP 
• http://greensock.com/gsap 
• DEMO: http://greensock.com/? 
post_type=example&p=5676
Impulse
Impulse 
• Animácie založené na fyzike 
• Dátovo malá a nezávislá knižnica 
• Skvelá pre animácie spojené s dotykmi
Impulse 
• http://impulse.luster.io/ 
• DEMO: http://impulse.luster.io/examples.html
Ďakujem
Nächste SlideShare
Wird geladen in …5
×

Academy vol.4

165 Aufrufe

Veröffentlicht am

Sass

Veröffentlicht in: Internet
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Academy vol.4

  1. 1. Výkon Webových Animácií by Milan
  2. 2. Prečo? • Improved UX • “Krok s dobou” • šetrenie batérie zariadenia
  3. 3. CSS animácie • Animate.css (http://daneden.github.io/animate.css/)?
  4. 4. JS animácie • lepšia podpora v prehliadačoch • poskytujú vačšiu funkcionalitu • lepšie menežovateľný workflow animácií • vysoký výkon • hardvérová akcelerácia
  5. 5. Velocity.js
  6. 6. Velocity.js • Nadstavba and jQuery.animate • značné zlepšenie výkonu • efektívna synchronizácia DOM počas priebehu animácie • cache-ovanie hodnôt animácie • vynikajúce výsledky na mobilných zariadeniach • podpora už od IE8 a Android Browser 2.3
  7. 7. Velocity.js • http://velocityjs.org • DEMO: http://julian.com/research/velocity/demo.html
  8. 8. GSAP
  9. 9. GSAP • Vysoký výkon, špeciálne na mibilných zariadeniach • Robusná knižnica s mnohými funkciami • Kompatibilita už s IE6 • Porovnanie výkonu http://greensock.com/js/ speed.html
  10. 10. GSAP • http://greensock.com/gsap • DEMO: http://greensock.com/? post_type=example&p=5676
  11. 11. Impulse
  12. 12. Impulse • Animácie založené na fyzike • Dátovo malá a nezávislá knižnica • Skvelá pre animácie spojené s dotykmi
  13. 13. Impulse • http://impulse.luster.io/ • DEMO: http://impulse.luster.io/examples.html
  14. 14. Ďakujem

×