Sep 18, 2017

CSS Animation Weekly #60 - Working with animations, Skeleton screens, and Rethinking Drag-and-drop

By CSSAnimation.rocks • Issue #60 • View online

Loads going on this week - see how you can use Firefox to better design and edit animations, how animation can help skeleton loading screens stand out, and drag-and-drop animation timing too.

♥️

Donovan at CSSAnimation.rocks

Articles

Work with animations

How to visualise and edit animations within Firefox! 🦊

developer.mozilla.org • Share

Building Skeleton Screens with CSS Custom Properties

Skeleton screens can improve the perceived speed of your app or site, and this article sets out some strategies for creating them 💀

css-tricks.com • Share

Rethinking drag and drop

Alex Reardon sets out how a drag-and-drop component can make use of animation to feel more natural and pleasant to use

medium.com • Share

Inspiration

Illustration brought to life

L🍳ovely subtle animation on this example, put together using Webflow (and without writing any code)

codepen.io • Share

SpaceX Falcon 9 Rocket CSS

Crazy CSS animated landing of the SpaceX rocket 🚀

codepen.io • Share

Only CSS: 和嵐

Tranquil autumn scene with animated leaves created using only CSS 🍁

codepen.io • Share

Egg Toggle

Fun example of a toggle using an egg, created using Bodymovin and GreenSock 🍳

codepen.io • Share

Did you enjoy this issue?

By CSSAnimation.rocks

CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.

Tweet

Share

If you don't want these updates anymore, please unsubscribe here.

If you were forwarded this newsletter and you like it, you can subscribe here.