This week we're creating checkboxes, learning about motion sickness, exploring editorials and more!

♥️ Donovan at CSSAnimation.rocks

Articles

Fun Times Styling Checkbox States — css-tricks.com

Let's add some fun styling to check boxes

Web Designers Grapple With Downside to Flashy Animation: Motion Sickness — www.wsj.com

This is a bit unusual to be linking to the WSJ but hey, web animations articles on the mainstream press!

Web Design Done Well: Excellent Editorial — www.smashingmagazine.com

Editorials! Online articles that make use of animation and visual design to help convey their message. Some great examples here

Building a split-button component — web.dev

A useful UI technique that benefits from subtle animation to draw attention to the options menu

Learning in the Open — css-irl.info

A great approach to learning, well worth sharing. Aim for quick wins and share what you learn!

Inspiration

Monkey Island Tribute, a Webgl Experience — lab.lempens-design.com

It's amazing what the browser can do with WebGL! Enjoy this tribute to a classic game

SVG Debit Card Animation 4

This credit card reveal is great

How to Animate a Coffee Drinking Sprite With ScrollTrigger

A simple (and wonderfully silly) scroll trigger demo

Inspirational Websites Roundup #29 — tympanus.net

Get your fix of inspirational websites thanks to the awesome Codrops