Seb 👨💻
@RatonCodeur
Followers
7K
Following
3K
Media
500
Statuses
4K
Développeur Web - Je partage quotidiennement et j'aide les développeurs à s'améliorer en CSS moderne 🤗
Deviens meilleur en CSS :
Joined June 2014
Je précise qu'un alt vide fait que l'élément sera ignoré par les lecteurs d'écrans.
1
0
8
The most fun image & video creation tool in the world is here. Try it for free in the Grok App.
0
216
1K
Je me forme à l'accessibilité numérique en ce moment, c'est intéressant de découvrir que trop bien faire, c'est mal faire. Une erreur courante : surcharger les alt sur des pictos/img purement décoratifs. S'ils n'apportent aucune info utile, le alt doit être vide !
11
4
111
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
Si les IA peuvent faire des LP et des pages de site aux leads sans âmes je suis preneur. C’est clairement ce que je fais qui a le moins de valeur et qui prend du temps.
0
0
0
Tant mieux que les IA soient fortes pour faire des LP, c’est relou les LP ça fait 15 ans qu’on fait tout pour les esquiver (Wix, Webflow, thèmes WP, templates pour n’importe quel frameworks etc etc.).
1
0
11
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
...
0
0
4
RT @goetter: @RatonCodeur Oui c'est nouveau, mais il est possible de modifier ce réglage : "Go to settings, search for workbench.editorAsso….
0
1
0
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.
ok so this is live on fancycomponents[.]dev—————animate text along an svg path. - add any path.- custom anims, easings.- or animate by scroll!.- docs on how it's built. link in comments↴
1
0
11
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 :
0
0
6
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
RT @goetter: Mes slides de conférence "Ça bouge du côté des animations CSS" donnée tout à l'heure à #confoo #confoo2025 sont disponibles ic….
0
7
0
Ç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
Il est dans une boucle lui.
CSS Breakpoints for Web Developers:. ➡️ Mobile: Up to 480px. ➡️ Extra small devices: 481px to 767px. ➡️ Small tablets: 768px to 991px. ➡️ Large tablets/laptops: 992px to 1199px. ➡️ Desktops: 1200px to 1919px. ➡️ Extra large screens: 1920px and up
2
0
4
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
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
15
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
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 :
1
14
110
<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) :
2
6
69
Ils sont quand même sacrément team premier degré les gens sur Linkedin.
1
0
2
Après quand t'es débutant c'est formateur de passer 50h de dev sur un site vendu 400 euros après un premier acompte de 100 euros, ce sont des erreurs qu'on ne fait plus ensuite 😂.
0
0
3