It generates an image gallery from a local folder

but it is still relevant

Seulement afficher le contenu cible via :target du hash de l'URL. Ce sélecteur peut se révéler utile, notamment pour afficher du contenu et masquer le reste sur la page avec :has et :not().

OU BIEN

afficher la partie sélectionnée sur la page.

In a nutshell, the purpose of REVENGE.CSS is to apply visual regressions to any markup anti-patterns. It makes bad HTML look bad.

Interesting.

Passing CSS variable errors can be useful too.

There are also useful patterns.

• use [class] and :not([class]]
• selecting ranges of content
• selecting all the elements except the one I am interacting with
• using nesting to style an element depending on context

Crazy stuff here, that can be used to emphasize letters or chunk of text.

A collection of CSS shapes

It generates tokens for the css boilerplate, then it uses tailwind to generate utility classes.

Great step by step explanations to theming

Handy :)

magick.css is a minimalistic, (mostly) classless CSS framework that is designed to be easy to use and easy to understand. It is contained in a single file, and every choice is commented. The goal is to achieve an elegant, but magically playful look, while maximizing readability and the ability to convey information; somewhat akin to the notes of a wizard.

Style the parent based on how many children there is in it. Awesome!

Part 2: https://www.smashingmagazine.com/2024/03/modern-css-tooltips-speech-bubbles-part2/

It can be useful :)

1. Writing mode
2. Gap in flex or grid layouts
3. Flip with transform
4. scroll-behavior: smooth;
5. Scroll-snapping with scroll-snap-type for the container and scroll-snap-align for the children
6. Resize elements both with overflow: auto; resize: both;
7. Line clamp based on how many lines is expected.
8. Linear gradient and apply the gradient on text only
9. object-fit: cover to avoid the fill effect of images. The image is not fully displayed thoughts.
10. pointer-events: none; make elements not selectable anymore.

Well I knew them 😁

The Mozilla Documentation Network published a curriculum to become a frontend developer.

It seems to contain relevant resources, also for confirmed developers.

How to apply css for RSS feeds