This week we're considering the age-old question, CSS or JavaScript? We think about how we design our animations, and check out loads of great inspiration 🎉

♥️

Donovan at CSSAnimation.rocks

Articles

Animations: CSS vs JavaScript — hackernoon.com

The age-old question, when should you use JavaScript and when should you use CSS for your animations? 🤔

Practical Techniques On Designing Animation — www.smashingmagazine.com

An old but timeless article - Sarah Drasner explains how to apply practical techniques to the way we design animations

16 top CSS animation examples — www.creativebloq.com

A bit of inspiration from Creative Bloq ✨

Featured

Level Up your CSS animation skills — courses.cssanimation.rocks

Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.

Inspiration

Isometric eCommerce CSSGrid — codepen.io

Lovely example of CSS Grid, transforms and animations on this isometric store!

Bacon Loader — codepen.io

Wavy wavy bacon 🐷

16 | Apple — codepen.io

Lovely casings on these SVG shape animations featuring watches and laptops

Draggable div — codepen.io

Drag the div!

Lottery Lucky Dip Generator — codepen.io

Stuck choosing numbers for this week's lottery? Check out this little number generator

Slice list items — codepen.io

I adore this subtle animation - click the X to remove an item and see it sliced in two

Books Hover Animation

Hover these books to see a 3D book animation