A console to recreate the famous "Harder, Better, Faster, Stronger" by Daft Punk. Use your keyboard ! not the mouse (hey, it's a console). Use the other keys to get different sounds (Normal, High, Low). You can do it !
A Pen by Malik Dellidj on CodePen.
I created one of the 12 Principles of animation with pure CSS.
A Pen by Patrick Hill on CodePen.
CSS and SVG recreation of the new Google material design loading spinner.
A Pen by Fran Pérez on CodePen.
CSS and SVG recreation of the new Google material design loading spinner.
A Pen by Fran Pérez on CodePen.
A Pen by Alberto Bonvicin on CodePen.
Designed for use with Chrome. hover them :)
A Pen by NobodyRocks on CodePen.
I'm moving around a whole bunch of elements with Julian Shapiro's Velocity.js. It's running pretty well on my Chrome at anywhere between 60 - 48 frames per second, impressive :)
It took around 4 hours to bang this out after first looking at the documentation, pretty easy to use if you are already a jQuery user. http://julian.com/research/velocity/
No markup because why select when you can create right?
*** I should add that this sort of thing (animation sequence) isn't really what Velocity.js was built for, but I just wanted to crank up the elements/intensity to see how the browser handled it. Incorporating Velocity.js in to your average UI transitions/animations should be a dream :)