Il y a également le tuto de Mozilla qui est pas mal. Ce qui me bluffe surtout dans cette présentation, c'est l'interface utilisée pour la présentation (Scrimba) ! On peut interagir sur le code tout en visualisant la vidéo. Trop fort !

Des astuces CSS pour les forms

Un fix pour le problème des ancres quand on a un menu fixe en haut de la page : l’élément ancré se retrouve bien en haut de la page, mais il est invisible parce qu’il est caché par le menu fixe.

Cette astuce résout le problème de manière invisible (pas de marge visible).

Il s’agit d’appliquer un ::before sur le :target. La hauteur du ::before est égale (ou supérieure) à la hauteur du menu, et on lui met aussi un margin-top négatif égal à sa hauteur.

De cette façon, l’ancre s’applique sur le ::before, c’est donc lui qui est caché par le menu et le vrai élément ciblé (celui qu’on veut voir) est visible.

C’est très astucieux.

(merci à Aeris pour avoir déniché l’astuce !)

Via Timo.

Tutoriels sur les grilles css et le debugger de Firefox

Énorme ! Prenez votre masque et tuba avant de visionner ces pages ^_^

Article sur l'accessibilité d'un menu

Joli !