This week we're loving the inspiring folder ideas, and contemplating how we can improve our design workflow using animated deliverables!

♥️

Donovan at CSSAnimation.rocks

Articles

Folder Preview Ideas — tympanus.net

Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation and reveal some kind of preview for what's inside.

Motion comps: moving beyond static design deliverables — valhead.com

Val discusses ways we can find that middle ground between a static design and a finished product, and convey our designs using animated deliverables.

Featured

Module 3 is live! 🎉 — cssanimation.rocks

​It's been a long road to today but as of right now, there's another 44 minutes of video available on the Level up your CSS animation skills course.

In this module we'll learn how to make pizza and fly to the moon, all the while learning how to apply animations on scroll.

Inspiration

Single Div Accordion — codepen.io

Amazing what can be created in a single HTML div! ♬

Square in a circle - Loading Animation — codepen.io

My brain will take a while to recover from this visual effect - a simple and effective CSS animation

Preloading Space Animation — codepen.io

I never tire of space-themed loaders. Some lovely elegant movement in this planetary themed spinner

Rising and falling cubes — codepen.io

Zoom in on these gorgeous cubes. This would be great timed to music

Magic Shrooms — codepen.io

Mushroom mushroom mushroom

Button effects — codepen.io

Some elegant CSS animated button outlines

That's it for this week! Do check out the awesomeness of module 3 over at the CSSAnimation.rocks blog. Have a great week everyone.