Hé mais elle est vraiment pas mal, cette font-stack. Et en prime avec des captures d'écran sur différents systèmes.

Introduction illustrée aux flexbox CSS (en anglais).

Et là j'apprends qu'OpenType (polices de caractères TTF/OTF) supporte la spécification COLRv1 depuis la version 1.9. Ce qui veut dire des polices de caractères EN COULEURS. Je parle là de plusieurs couleurs à l'intérieur des caractères (dégradés, etc.) et plus seulement une couleur uniforme.
Si vous utilisez une police supportant COLRv1, vous pouvez donc faire varier les couleurs (et d'autres caractéristiques de la police) en CSS (donc plus seulement gras/italique).

Google vient d'ailleurs de livrer ses premières polices supportant COLRv1, ce qui donne un bon exemple des possibilités : https://material.io/blog/color-fonts-are-here
Non seulement on peut faire varier les couleurs et dégradés, mais aussi l'épaisseur.

Il y a encore des limites à ce qu'on peut faire (par exemple pas de transition de palette possible en CSS sur ces polices), et le support dans les navigateurs n'est pas encore total : https://caniuse.com/colr-v1 (C'est ok pour Chrome, Edge, Opera mais pas Firefox, et le support sur mobile est très incomplet).
En attendant, SVG est sans doute une meilleure solution si vous voulez faire des choses plus avancées.

Je me note cette page pour ne pas la perdre: Les règles CSS pour faire des pages web qui s'adapte aux internautes qui utilisent un thème sombre.
(Il faudrait que je le fasse partout sur mon site.)

Par exemple pour DokuWiki il y a 2 plugins qui permettent ça (si vous ne voulez pas vous-même toucher aux CSS):
https://www.dokuwiki.org/template:mindthedark
https://www.dokuwiki.org/template:ad-hominem

Je me note ces quelques optimisations pour des pages qui se chargent plus vite.

"morphing" (il faut le dire vite) entre mots avec du CSS. Le résultat est sympa malgré tout.

Woao... super idée: Utiliser des CSS pour faire de l'art génératif (images créées par des logiciels).
L'article est largement illustré d'exemples.

Un chouette générateur d'ombres en CSS.
(via http://warriordudimanche.net/article1185)

Wokay.

Sous le coude (via http://warriordudimanche.net/article1063/astuce-css-avoir-une-div-qui-occupe-100-du-viewport)

Un petit tuto très bien présenté sur le modèle boîtes CSS.

Petite propriété CSS utile pour remplir un conteneur avec une image de différentes manières.
Illustration: http://warriordudimanche.net/article1030/5d15f69c7ac0c
J'ai utilisé quelque chose de similaire pour le fond: background-size: cover;
dans cette page: http://sebsauvage.net/ambient/

Quelques animations CSS simples et faciles à copier-coller dans vos pages.

Pas con comme astuce: Une règle CSS qui fait qu'un DIV est automatiquement visible s'il contient quelque chose, et invisible s'il est vide.
Ça permet de réduire la quantité de Javascript nécessaire.

Un générateur de dégradés CSS sympa.
(via https://mastodon.xyz/@kalvn/99676638852733165)

Je trouve ça particulièrement pénible, alors je ne le fais pas subir à mes lecteurs: Je n'inclue pas dans mes pages de polices à télécharger.
Comment faire pour que l'aspect soit le plus proche de ce que je souhaite ne sachant pas les polices pré-installées chez l'internaute ?

En principe en CSS on a les font-stacks: Vous spécifiez plusieurs polices (d'aspect graphique proche), et le navigateur prendra en premier la police disponible dans le système.
Exemple typique:
   font-family: Arial,Helvetica,sans-serif;
Si Arial n'est dispo, il essaiera avec Helvetica, etc.

Mais si je veux une police particulière, comme "Droid Sans", comment trouver la font-stack la plus fidèle, la plus proche de cette police ?
Et bien on peut trouver !
 - Allez sur cette page: http://www.identifont.com/similar.html
 - Entrez le nom de la police qui vous intéresse.
 - Cliquez "ok".
Et dans la colonne de gauche vous verrez les noms des polices qui sont graphiquement les plus proches. Vous n'avez plus qu'à mettre dans votre CSS.

Exemple: pour "Droid Sans", on obtient:
   font-family: "Droid Sans","Noto Sans","Ascender Uni","Linotype Aroma","FF Kievit","Source Sans","Open Sans","Museo Sans","Myriad","Camphor","Corbel","Frutiger","Vectora","Calibri",sans-serif;

Vous pouvez également compléter avec ces font-stacks: http://www.cssfontstack.com/ (même si je trouve qu'elles sont trop limitées).
Certes c'est loin d'être idéal et je n'ai aucune garantie, mais je préfère ça.

Si vous voulez vérifier si une police existe en standard sous Windows ou MacOSX:
https://en.wikipedia.org/wiki/List_of_typefaces_included_with_Microsoft_Windows
https://en.wikipedia.org/wiki/List_of_typefaces_included_with_macOS

Oh... pas mal pour placer des images de manière optimale dans une page web.

Pfiou... Bon le résultat est beau et sans javascript, mais quel bricolage !

Si vous vous demandez pourquoi votre cellule n'est pas entourée en bleu malgré votre CSS:

<style>
  .matable > tr > td { border: 2px solid blue; }
</style>
<table class="matable">
   <tr>
       <td>coucou</td>
   <tr>
</table>

C'est juste parce que vous avez oublié que le corps d'un tableau est implicitement contenu dans un <tbody>. Votre règle CSS doit donc être:

  .matable > tbody > tr > td { border: 2px solid blue; }

Et là ça marche.   ;-)

Pour ne pas vous faire avoir, inspectez l'élément avec les outils développeur Firefox: Vous verrez alors le code html tel que Firefox le voit (et qui peut être différent de celui de "Voir le source").

Pour résumer:
 - "Voir le source" = code html tel que renvoyée par le serveur (et donc avant parsing et exécution du javascript)
 - Inspecteur Firefox: arbre DOM tel que Firefox l'a en mémoire (et donc *après* exécution du javascript).

Référence CSS (via http://shaarli.warriordudimanche.net/?l3UV6Q)

Oh mon dieu c'est horrible. OH MON DIEU C'EST HORRIBLE.
Non, cette démo (http://keithclark.co.uk/labs/css-fps/) n'est *PAS* du WebGL.  
Ce sont de PUTAINS DE <DIV> HTML SUR LESQUELS IL A APPLIQUÉ DES CSS-TRANSFORMS.
AAAARRRGGGGGG.
J'ai les neurones qui saignent rien qu'à y penser.
Il faut faire enfermer ce gars.

Pour analyser une page de votre site avec Google.  Notez que vous pouvez aussi utiliser http://gtmetrix.com/ qui combine Google PageSpeed avec Yahoo YSlow.
GTMetrix est uniquement orienté performances, alors que le PageSpeed de base donne aussi des conseils pour mobiles (conseil sur la taille des éléments à l'écran, etc.)
(via http://lehollandaisvolant.net/?id=20140621210817)

Je me met ça sous le coude: un outils pour vous aider à supprimer le code inutile de vos CSS. Il supporte même les CSS injectés par Javascript. (via http://links.la-bnbox.fr/?TxMGJQ)

Quelques effets d'ombres sympa en CSS3 (via http://orangina-rouge.org/shaarli/?ADCKQw)