CSS Pyramid of Greatness

Style

If you need it defined, you don't have it.

Front-End

The only type of development that matters

Positioning

Always aim for the z‑index:999999;

Display

Cascade

Selectors

animation-delay

Time is money, money is power...

content

Faking content since the ::before times.

:has()

Family selector.

Vanilla
CSS

The best revenge.

Layers

Layer up, it's cold out there.

CSS Art

Regret nothing,
the end.

Libraries

Punk-ass book jockeys!

Border-radius

Real CSS has curves.

Tailwind

That's right.
It's on here twice.
Avoid it.

Colors

FlexBox

Grid

Box
Model

Specificity

Tables

(data only)

Sass

For emergencies only.

caniuse

A map. A guide. A companion. A friend.

Text-wrap

For when you need to feel pretty.

Loops

Allowd in dreams only, but one can dream.

Transition

Separates the juniors from the seniors.

Tailwind

Avoid it.

font-weight

Be bold... or don't.

Classes

A handful is
sufficient.

light-dark()

Let there be light... or darkness

Filters

Treat yo'self.

Typography

It ain't good if they can't read it.

Sticky

Like duct tape:
a great ally.

You

You are your biggest ally

Gradients

Are the conic ones a metaphor? Well, yes and no.

Logical Properties

They are the logical properties to use.

Animations

To move things and stay warm in winter.

Custom Properties

No need to copy the same color 73 times.

Pseudo-classes

Use them. Don't trust them. They are fake.

a11y

Alwayw in mind.

Padding

It's good to have some space for yourself...

Margin

...and stay away from haters and other bad elements.

Text-decoration

Acceptable at links and highlights.

!important

Nobody likes to be yelled at.

Chartreuse

Perfect for highlights and social gatherings.