Étiquette : css
-
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
-
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 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
-
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 :
-
Tous les éditeurs de code que j’ai utilisé
Ceci est un post que j’ai eu envie d’écrire pour aucune autre raison que celle d’être tombé sur l’un des premiers article du blog de Paweł Gryzbek. Je ne vais pas partager mon « setup » mais plutôt tous les IDE, au sens large, que j’ai utilisé jusqu’à maintenant pour le développement Web. J’ai adoré utiliser Espresso
-
Should masonry be part of CSS grid? – Ahmad Shadeed
If we go with the new syntax (display: masonry), it will need a few years to become supported in all major browsers. Let’s be honest, a layout is a major part of a web page that makes it hard to apply progressive enhancement. You either have a masonry or not, right? Making it part of
-
CSS Cap Unit – Ahmad Shadeed
A look at how I solved a design problem with CSS cap unit.
-
Double your specificity with this one weird trick – Cirrus’s Realm
Je me souviens avoir déjà utilisé cette technique par le passé, mais c’était un rappel nécessaire pour moi. J’utilise beaucoup trop souvent !important à mon goût. Une autre technique que j’utilise c’est d’ajouter un sélecteur d’attribut en plus, mais c’est moins joli.
-
Guillemets, quotes, etc.
Je viens de tomber sur cet article de Stefan Judis et ça m’a rendu fou ! Fou parce que depuis quelques années je fais beaucoup d’intégrations multilingues en anglais, allemand et français et je n’ai jamais eu connaissance de ces valeurs open-quote/close-quote. J’ai hâte de les utiliser dans mes futures intégrations !