Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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
You’ve finished this document.
Download and read it offline.
Upcoming SlideShare
Academy vol.4
Next
Upcoming SlideShare
Academy vol.4
Next
Download to read offline and view in fullscreen.

Share

Academy vol.4

Download to read offline

Sass

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

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

Sass

Views

Total views

182

On Slideshare

0

From embeds

0

Number of embeds

3

Actions

Downloads

3

Shares

0

Comments

0

Likes

0

×