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.

TL;DR; a lot

• unit values + math results
• unitless numerical values
• non-numerical thinfs (string, keyword that properties recognize)
• content strings
• images
• shorthand
• list
• colors
  ...

.calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.first-day {
  grid-column-start: 3;
}

<div class="calendar-wrapper">
  <h1>Decemeber</h1>
  <ul class="calendar">
    <li class="weekday">Sun</li>
    <li class="weekday">Mon</li>
    <li class="weekday">Tue</li>
    <li class="weekday">Wed</li>
    <li class="weekday">Thu</li>
    <li class="weekday">Fri</li>
    <li class="weekday">Sat</li>

    <li class="first-day">1</li>
    <li>2</li>
    <li>3</li>
    <!-- ... -->
    <li>29</li>
    <li>30</li>
    <li>31</li>
  </ul>
</div>

(via https://warriordudimanche.net/article1443/5fea073b4eaa9)

Selectors: * [attribute] > ~ +

With the part two about pseudo -classes and elements selectors. Examples used in development are explained 👍

Avoir les dernières versions des iconfonts via le CDN de Google. Le lien pointe ici vers Material Icons Round.
C'est hacky, mais cela fonctionne 👍

Combiner flexbox, min-width ou flex-basis et overflow: hidden.

Wow ! Charts are only created with HTML and CSS, making them very efficient