Watch: Refactoring a Slow Animation
In this screencast I'm going to show you how to refactor your CSS to improve and smoothen your animations.
Animation
7 Simple Rules for Creating Elegant UI Interactions
In 2015 it's no longer enough for interface elements to instantly switch between two static states. Petras has 7 tips for making your interactions sing!
Code-Free Scrolling Animations and Micro-Interactions with Webydo
Daniel Schwarz uses Webydo's advanced parallax scrolling tools to produce a Monty Python-inspired site in no time.
An Introduction to jQuery Scroll-based Animations
George Martsoukos provides an introduction to creating scroll-based animations and effects using jQuery.
Bounce.JS: Create Complex CSS Animations Fast
Getting your head around CSS animation can be tricky but Elio has a great tool to get you started. Bounce.js is free, funky and functional.
Easily Improving jQuery Animations
This article compares jQuery and CSS based animations and explains how jQuery animations can be improved.
Talkin’ CSS, Animation and X-Men with Rachel Nabors
Animator and CSS sorcerer Rachel Nabors spent some time with us talking about the future of animation on the web before her FOWD workshop in April.
Eye-Catching Animations with GreenSock
This article introduces the GreenSock set of tools, which are used to create JavaScript based animations.
The Animation Keyframe Gotcha
Read The Animation Keyframe Gotcha and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.
CSS3 Animations 101: What are Animations?
Read CSS3 Animations 101: What are Animations? and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.
Surviving the Zombie Apocalypse: Dynamic SVG and Path Animation
Read Surviving the Zombie Apocalypse: Dynamic SVG and Path Animation and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.