Liste des liens
A lightweight, progressive, high-IQ PostCSS framework.
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.
Une lib pour faire des checkboxes en pur css. C'est bôôôôô
via l'ami Bronco
Tutoriels sur les grilles css et le debugger de Firefox
Avec un peu de javascript.
Énorme ! Prenez votre masque et tuba avant de visionner ces pages ^_^
Des exemples d'utilisation de Flexbox
Article sur l'accessibilité d'un menu
Unités CSS et points par pouce
L’unité in ne représente pas un pouce physique de l’écran, mais 96px. Cela signifie que quelque soit la densité de pixel réelle de l’écran, elle est supposée correspondre à 96dpi. Sur les périphériques dotés d’une plus grande densité de pixel, 1in fera moins d’1 pouce physique. De la même manière, mm, cm, et pt ne sont pas des longueurs absolues.
Quelques exemples particuliers :
1in est toujours égal à 96px,
3pt est toujours égal à 4px,
25.4mm est toujours égal à 96px.Snippets paramétrables d'animations en pur CSS
via Yome