Web Animation Infographics: A Map of the Best Animation Libraries for JavaScript and CSS3 plus Performance Tips
以上三张图来自于@awwwards-team
- Debugging CSS Keyframe Animations by @Sarah Drasner——译文 by w3ctech
- Using Multi-Step Animations and Transitions by @GEOFF GRAHAM —— 译文 by @南北
- Twitter’s Heart Animation in Full CSS by @Nicolas Escoffier
- Stereoscopic CSS by @cssanimation
- Animating Your Brand by @donovanh
- Animating the
contentProperty by @ROBIN RENDLE - The Beginner’s Guide to TimelineMax by @Dennis Gaebel
- Animate Elements on a Path with CSS by @Dudley Storey
- Web Developer Reading List: CSS Transforms and Animation
- Animation Advice from a CSS Master by @Angela Molina @Tiffany Brown
- Animation for Beginners: How to Animate a Bouncing Ball! by @Pilar Newton
- Syncing CSS Animations with HTML5 Audio by @Mihaela Jurkovic
- How to Keep Web Animations From Slowing You Down by @Jordan Wade
- Emoji Toggles! by @Chris Coyier
- The CSS Transitions Cheatsheet by @kirupa
- Web Animations API[10.26认领by 彦子]
- Perfecting a CSS 3D animation by @Miguel Palhas
- Tenue CSS Text Effect by @Pixeden
- Performant CSS Animations: Netflix Case Study by @Eli White
- CSS: Animation Using CSS Transforms
- Practical Techniques On Designing Animation by @Sarah Drasner
- Understanding CSS 3D-Transforms by @Joe Howard
- Animating Images With CSS by @Joe Howard
- Crafting Easing Curves for User Interfaces by @Ryan Brownhill
- THE ULTIMATE GUIDE TO WEB ANIMATION by @EZEQUIEL BRUNI
- Making the transition from animating in After Effects to CSS. by @Ryan Brownhill
- Guidelines for Animation Timing by @DOMINIC NGUYEN
- Touch-friendly Animated Hamburger Icons by @Rahul Arora——译文 by @晓楷
- WWDC 2015 by @cssanimation——译文 by晓楷
- Responsive Sprite Animations with ImageMagick and GreenSock by @Tom Bennet
- Animating CSS-Only Hamburger Menu Icons by @Nick Salloum
- In Pieces: A rare specimen of CSS-based animation by @JUSTIN CONE
- Adding Appeal to Your Animations on the Web by @Donovan Hutchinson--译文by晓楷
- The State Of Animation 2014 by @Rachel Nabors
- Animation Principles for the Web
- Invisible animation by @Steven Fabre
- Creating a Collection of CSS3 Animated Pre-loaders by @Aaron Lumsden
- CSS Animation Trends in Web Design by @Jake Rocheleau
- Animating List Items
- SVG animation with GreenSock. by @Allan Pope
- A Few Different Ways To Use SVG Sprites In Animation by @Sarah Drasner
- Animating Clipped Elements In SVG by @Dennis Gaebel Jr
- SMIL is dead! Long live SMIL! A Guide to Alternatives to SMIL Features by @SARAH DRASNER
- How To Animate Element Along SVG Path by @Vlad Georgescu
- Diving deep into SVG animations by @danoc
- Creating an Accessible Breakout Game Using Web Audio and SVG by @David Rousset
- Creating Cel Animations With SVG by @Heydon Pickering——译文 by @彦子
- Diving deep into SVG animations by @Daniel O'Connor
- The State of SVG Animation by @Sara Soueidan
- Animate SVG Icons with CSS3 & JavaScript By Joe Howard
- Transforms on SVG Elements by @Ana Tudor
- Sign on the Dotted Line: Animating Your Own SVG Signature by @Ian Yates
- SVG Path Animation with jQuery and Illustrator by @Mat Helme
- Create an Animated SVG Loader Using GreenSock’s DrawSVG by @Dennis Gaebel
- Create an SVG Animation using CSS and JavaScript by @Sam Norton
- Building a Circular Navigation with CSS Transforms SVG by @SaraSoueidan
- Transform your illustration into smart SVG by @Bene
- SVG Scrolling Animation Triggered By ScrollMagic by @Petr Tichy
- Weighing SVG Animation Techniques (with Benchmarks) by @Sarah Drasner
- How to Animate Festive SVG Icons With CSS by @Noah Blon
- How to Style and Animate SVG Elements with CSS by @Benedikte Vanderweeën
- Clipping and Masking in CSS by @Chris Coyier——译文 by @彦子
- SVG Animation and CSS Transforms: A Complicated Love Story by @Jack Doyle
- SVG Animations by @Steven Harley
- Styling And Animating SVGs With CSS by @Sara Soueidan
- The Simple Intro to SVG Animation by @Julian Shapiro
- Animating SVG with CSS by @Chris Coyier
- How to Use “animateTransform” for Inline SVG Animation by @Kezz Bracey
- A Guide to SVG Animations (SMIL) by @Sara Soueidan
- An Introduction to Hardware Acceleration with CSS Animations by @Artem Tabalin —— 译文 by @南北
- Performant CSS Animations by wealthfront.com
- GreenSock教程
- GreenSock博客
- The Making of the CSS-Tricks Logo Easter Egg Animation by @SARAH DRASNER
- Recreating the Google Logo Animation with SVG and GreenSock by @Petr Tichy
欢迎更多的同学参与到Web Animation的分享中来。