CSS

The article explains how to design and animate a *circular* menu (that rotates in a circle!) in CSS using offset and animation-composition.

You can animate an .svg and it will play even with an `` or `background-image`, making it a viable GIF replacement if you can pull it off!

There are usually multiple ways to do the same thing on the web. Sometimes… a lot of ways. Which is “better” can be a matter of taste or which abstraction buys the most value. Check out this CSS example and see which you prefer.

Jeremy Keith: We shouldn’t rely on colour alone to indicate that something is interactive. Then goes on to show how links should be underlined, but that the default underline can be a little intense, and essentially shows how to chill them out. Exactly like we showed! I still think it’s a great balance.

This time we’re looking at offset-path (and friends), which can be used to create movement when animated and benefits from all the same fancy functions that we learned about with clip-path.

A deep dive into `clip-path` from Amit Sheen, a very powerful tool in shape creation on the web, particularly now with `shape()`.

If the #hash in the URL matches the ID of an element *inside* a

(Only Safari Technical Preview!)

Awfully cool `random()` is coming in CSS. The design possibilities are quite cool.

All the browsers DevTools have a way of emulating color modes. The are essentially faking the system preference at the application level. Here’s where those controls are located and another nice tool.