Catégorie : Bookmarks
-
Anchor Positioning in CSS
Bookmarked The Basics of Anchor Positioning by Ahmad Shadeed. C’est toujours le même problème : t’as besoin de positionner un élément par rapport à un autre… mais ils sont pas dans la même boîte. Résultat : t’injectes du JS, tu bidouilles le DOM, tu fais des hacks moches avec position: absolute. Et là, paf. Anchor
-
We accidentally built the wrong internet
Bookmarked We accidentally built the wrong internet. Je suis tombé sur cet article de Karim Jedda et je suis resté scotché. Voici le truc : on a construit Internet avec logins par e-mail, mots de passe, et formulaires bancaires archaïques. Tout paraît fragile, intrusif, mal foutu. Mais c’est pas juste technique : c’est un produit
-
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
-
Bringing Back Parallax With Scroll-Driven CSS Animations
Bookmarked https://css-tricks.com/bringing-back-parallax-with-scroll-driven-css-animations/. Franchement, j’avais enterré le parallax avec les carrousels autoplay et les splash pages en Flash. Mais là, j’ai été surpris. Avec les scroll-driven animations, le truc retrouve une seconde vie : fluide, natif, et surtout sans les usines à gaz JS d’avant. L’article de CSS-Tricks décortique la méthode avec pédagogie en mode :