Catégorie : Notes
-
lundi 08 septembre 2025 @ 20:37:26
On est allé chez Basic-Fit avec ma compagne, on avait les baskets de rechange, les serviettes et le cadenas à code pour le casier. Jusque là pas de soucis, mais au moment de fermer le casier, le code qu’on avait configuré il y’a des années ne fonctionnait plus… Cette vidéo nous a sauvé la mise,
-
Setting Line Length in CSS (and Fitting Text to a Container)
Bookmarked https://css-tricks.com/setting-line-length-in-css-and-fitting-text-to-a-container/. On sous-estime la longueur de ligne. Dès que la ligne devient trop longue, l’œil se perd, on relit, on décroche. La règle pratique : rester sous ~80 caractères, idéalement dans la zone 60–70. En CSS, c’est bête comme max-width: 65ch sur le bloc de texte. Simple, robuste, lisible. Ensuite, je veux une taille
-
Getting Creative With Images in Long-Form Content
Bookmarked https://css-tricks.com/getting-creative-with-images-in-long-form-content/. On sous-estime souvent le pouvoir des images dans un texte long. Pas seulement pour “illustrer” une idée, mais pour créer un rythme, installer des respirations, parfois même provoquer une surprise. Un bloc de texte dense fatigue vite. Le cerveau décroche. Mais si on ose placer une image de travers, en plein milieu, ou
-
Un-Sass’ing my CSS
Bookmarked Un-Sass’ing my CSS | Always Twisted. Ça m’a fait sourire. On a tous eu notre période Sass : mixins partout, variables, nesting à outrance. C’était grisant, ça donnait l’impression d’être plus « pro ». Mais le temps passe, le CSS a grandi, et beaucoup de ces artifices ne servent plus à grand-chose. L’article raconte
-
CSS-only scrollspy effect using scroll-marker-group and :target-current
Bookmarked CSS-only scrollspy effect using scroll-marker-group and :target-current. On connaissait les “CSS Carousels”. Voilà le pendant qui m’intéresse vraiment : un scrollspy lisible et accessible, sans JavaScript. L’idée : garder une table des matières sémantique (une liste de liens vers les sections), activer scroll-target-group sur le conteneur, puis utiliser :target-current pour styler le lien dont
-
CSS Relative Colors
Bookmarked CSS Relative Colors by Ahmad Shadeed. Le “Relative Color Syntax” change la façon dont on pense nos palettes : on ne stocke plus des variantes figées, on décrit des relations. En clair : une seule source (–brand) et des dérivés cohérents pour hover, focus, borders, badges… avec color(from …). Tu ajustes luminosité, saturation, alpha
-
Creating CSS Theme Variables from a JS file
Bookmarked CSS { In Real Life } | Creating CSS Theme Variables from a JS file. Les design tokens, c’est la promesse d’une cohérence. Mais dans la pratique, on se retrouve souvent avec un fichier SCSS, un fichier JS, un fichier Figma… et des incohérences qui s’accumulent. L’idée proposée ici est toute bête mais super
-
Why I’m Writing Pure HTML & CSS in 2025
Bookmarked Why I’m Writing Pure HTML & CSS in 2025. Je suis tombé sur ce billet de Joel Dare qui explique pourquoi il écrit (de nouveau) des sites en pur HTML et CSS en 2025. Pas de build, pas de tooling, pas de JavaScript. Juste des fichiers statiques, lisibles, maintenables, pérennes. Et franchement, ça m’a
-
vendredi 15 août 2025 @ 21:34:53
Premières armes sur GitHub Actions la nuit dernière et aujourd’hui. J’ai passé mon CV en Eleventy avec build, création de la version PDF et déploiement sur OVH automatique à chaque commit sur la branche `master`. Ça devait être relativement simple à la base, mais finalement non, pas mal de petites galères, notamment avec la génération
-
jeudi 14 août 2025 @ 15:05:08
Je crois que je deviens vieux, j’écoute Les Grosses Têtes en podcast… Et j’aime bien ! 😱