Seb 👨‍💻 @RatonCodeur

Développeur Web - Je partage quotidiennement et j'aide les développeurs à s'améliorer en CSS moderne 🤗 swebdev.fr Deviens meilleur en CSS : Joined June 2014

Tweets

4K
Followers

7K
Following

163
Likes

3K

Seb 👨‍💻 @RatonCodeur

7 months ago

C'est vraiment cramé que pas mal de gens utilisent l'IA pour répondre à des questions simples sur Linkedin. T'as une personne qui pose une question simple, l'auteur lui répond par un post de 600 caractères avec liste à puce, à moitié hors sujet.

1 0 4 835 0

Seb 👨‍💻 @RatonCodeur

7 months ago

Un autre exercice pour comprendre les Scroll-driven Animations. Faire en sorte que l'animation fonctionne au scroll du scroll container <html>. Il y a deux façons de régler le problème, si t'as les deux t'es un boss. codepen.io/RatonCodeur/pe…

0 0 4 637 6

Raphaël Goetter @goetter

7 months ago

@RatonCodeur Oui c'est nouveau, mais il est possible de modifier ce réglage : "Go to settings, search for workbench.editorAssociations and add item with key: *.svg and value: default"

0 1 1 425 2

Seb 👨‍💻 @RatonCodeur

7 months ago

Si je dis pas de conneries y'a moyen de faire un truc semblable mais avec une approche différente : - offset-path et offset-distance pour positionner du texte sur un path - Scroll driven Animations pour l'animer au scroll Bien envie de tester ça.

daniel petho @nonzeroexitcode

7 months ago

9 39 808 34K 684

Download Video

1 0 11 1K 6

Seb 👨‍💻 @RatonCodeur

7 months ago

Un petit exercice pour tester ses connaissances sur les Scroll Driven Animations ça te dit ? L'objectif : animer le carré de droite en scrollant sur le scroll container de gauche comme sur la vidéo. Voici le CodePen : codepen.io/RatonCodeur/pe…

0 0 6 527 6

Download Video

Seb 👨‍💻 @RatonCodeur

7 months ago

Today I Learned : overflow: hidden crée un scroll container, même si on le voit pas (pas de scrollbar), c'est quand même considéré comme un scroll container par le browser.

0 0 7 765 1

Raphaël Goetter @goetter

7 months ago

Mes slides de conférence "Ça bouge du côté des animations CSS" donnée tout à l'heure à #confoo #confoo2025 sont disponibles ici : speakerdeck.com/goetter

1 7 22 2K 18

Download Image

Seb 👨‍💻 @RatonCodeur

7 months ago

Ça devient quoi les moteurs de templates NodeJS (EJS, Pug, Handlebars etc.) ? À une époque j'ai cru décelé une mini hype sur Pug (anciennement Jade) chez les devs frontend (anciennement intégrateurs mdr), je croise souvent ce template engine dans CodePen d'ailleurs.

4 0 3 2K 2

Seb 👨‍💻 @RatonCodeur

7 months ago

Il est dans une boucle lui.

Csaba Kissi @csaba_kissi

7 months ago

Il est dans une boucle lui.

35 180 1K 47K 780

Download Image

2 0 4 2K 3

Seb 👨‍💻 @RatonCodeur

7 months ago

Je remettrais peut-être les pieds dans WP le jour où les thèmes arrêteront d'avoir Slider Revolution en dépendances. C'est parti en c****** le jour où des gens se sont dit que ça serait bien d'avoir After Effects dans un CMS pour faire des.. carrousels.

2 0 6 1K 1

Download Image

Seb 👨‍💻 @RatonCodeur

7 months ago

L'esthétique des thèmes WordPress c'est quelque chose. Qui a déjà fait un site pour un jardinier qui ressemble à ça : Alors que dans la vraie vie, le contenu qu'on te file c'est 3 lignes de texte et 3 jpeg de 300x300.

2 0 14 2K 4

Download Image

Seb 👨‍💻 @RatonCodeur

7 months ago

L'erreur de beaucoup de devs (j'en fais partie) est d'utiliser les variables CSS comme à l'époque du SCSS, juste pour les couleurs/thème. Pour commencer je vais me forcer à dire : Custom Properties à la place de variables, ça à plus de sens je trouve.

3 0 5 2K 13

Seb 👨‍💻 @RatonCodeur

7 months ago

Les Scroll-Driven Animations, ça peut être compliqué à débuguer parfois, surtout quand on a besoin de contrôler le début et la fin de l'animation avec animation-range et qu'on n'a aucun repère visuel. @bramus a développé un plugin pour tout visualiser : chromewebstore.google.com/detail/scroll-…

1 14 110 93K 107

Download Video

Seb 👨‍💻 @RatonCodeur

7 months ago

<selectlist> est mort ! Vive <select> ! Finalement la personnalisation des dropdowns natifs pourra se faire avec <select>, il faudra respecter un certain markup, comme l'utilisation de <selectedcontent> Je vais aller tester ça, en attendant petite démo (full CSS) :