Another drop-in css stylesheet which make a website beautiful :)

Demo: https://alvaromontoro.github.io/almond.css/demo/

Using CSS to get a fingerprint of the browser. Here is a all-in-one resource.

#BADA55, #101 (lol), #C55 (CSS), #fb1 (FBI), etc...

It uses the l33t code for that.

It generates different layouts

Another collection of CSS loaders and spinners

Another list of CSS spinners

Customizable CSS loaders and spinners

Another background css pattern generator

Another one: https://patternizer.com/4rvv

Build semi-transparent, blurred glass-like backgrounds.

Generates beautiful shadows

TL;DR; instead of

• padding-left: use padding-inline-start
• padding-right: use padding-inline-end
• padding-top and -bottom: use padding-block
• width: use inline-size
• height: block-size
• overflow-x or -y: use overflow-inline or overflow-block
• position: top: use inset-block-start

Here is the pattern:

• inline for the reading axis. For us, it is left to right.
• block for the other (thickness) axis. For us, it is top to bottom.

Generate color gradients

You simply substract the side distance [y-axis] from the larger corner radius.

That way you end up with the right one for the smaller shape.

Seen on Twitter but I could not find the author again