I am definitely not a fan of this.

Applying a tons of classes (i.e. one for every css rule) feels wrong to me ! 😱

🤣

🤣

❤️

About CSS

You are the visual translation of information. What good is all the information in the world if we can’t easily understand it? You hold the keys to hierarchy and contrast and layout, the keys to visual communication.

Using <wbr> where it can break. It is useful for URLs.

by the current maintainer of the CSS standard

It is KISS

CSS only alternative to Javascript !!! These patterns are .

One point is that some examples are using a tons of CSS (i.e. Todo List).
Quite are impressive such as the Twitter like animation.

And other are basic and simple such as the ripple effect: https://github.com/mladenplavsic/css-ripple-effect/blob/master/src/ripple.less
EDIT: this ripple effect is independant of the mouse position on click

All is in the name. A simple chart library. It uses CSS variables under the hood.

Apply a display; flex in the container of the <hr /> tag

Expressing px values as rem

How to use CSS to make a request via the url() value and retrieve the credentials of the user.

An example of word morphing in CSS. Can be useful someday

A game on CSS selectors !
(via https://nicolas-delsaux.hd.free.fr/Shaarli/?ppMLtA)

TL;DR;
overflow: scroll always display a scrollbar. So we want auto to hide it when it is not necessary.

CSS width and height does not include the border(s) and padding by default. box-sizing: border-box include them in the border.
The browser calculate a box with max-content as if it has infinite space. For min-content, it pretends it has zero space. Easy at the end !
min, max and clamp define boundaries for the box :) Clamp is simply a min-max combined into one: clamp(MIN, VAL, MAX)

Why this website is the best motherfucking website 😍

There is a Better Motherfucking Website 🤣

And the original Motherfucking Website

A framework for css animation.