Axolotat
@axolotat.bsky.social
CSS / HTML / JS / REACT JS / astuces IDE...
Linktree : https://linktr.ee/axolotat
Je met en pause les cours
FR/EN
Linktree : https://linktr.ee/axolotat
Je met en pause les cours
FR/EN
Reposted by Axolotat
🔥 Hot Repo！ 🔥 (100+ new stars)
📦 google-gemini / gemini-cli
⭐ 82,704 (+148)
🗒 TypeScript
An open-source AI agent that brings the power of Gemini directly into your terminal.
📦 google-gemini / gemini-cli
⭐ 82,704 (+148)
🗒 TypeScript
An open-source AI agent that brings the power of Gemini directly into your terminal.
GitHub - google-gemini/gemini-cli: An open-source AI agent that brings the power of Gemini directly into your terminal.
An open-source AI agent that brings the power of Gemini directly into your terminal. - google-gemini/gemini-cli
github.com
November 16, 2025 at 9:02 PM
🔥 Hot Repo！ 🔥 (100+ new stars)
📦 google-gemini / gemini-cli
⭐ 82,704 (+148)
🗒 TypeScript
An open-source AI agent that brings the power of Gemini directly into your terminal.
📦 google-gemini / gemini-cli
⭐ 82,704 (+148)
🗒 TypeScript
An open-source AI agent that brings the power of Gemini directly into your terminal.
Reposted by Axolotat
At the CSS WG meeting, we're discussing possibly natively doing fit-text in CSS. Send us your use cases (with screenshots/links)!
Do you ever need to fit multi-line text?
Do you ever need to fit non-text inline elements (e.g. icons)?
Do you adjust font-size, letter-spacing, or both?
Do you ever need to fit multi-line text?
Do you ever need to fit non-text inline elements (e.g. icons)?
Do you adjust font-size, letter-spacing, or both?
November 13, 2025 at 1:20 AM
At the CSS WG meeting, we're discussing possibly natively doing fit-text in CSS. Send us your use cases (with screenshots/links)!
Do you ever need to fit multi-line text?
Do you ever need to fit non-text inline elements (e.g. icons)?
Do you adjust font-size, letter-spacing, or both?
Do you ever need to fit multi-line text?
Do you ever need to fit non-text inline elements (e.g. icons)?
Do you adjust font-size, letter-spacing, or both?
Reposted by Axolotat
I just updated my interactive blog post on CSS Grid! It now includes explanations for the `span` keyword, as well as a brief look at `grid-auto-flow`:
An Interactive Guide to CSS Grid • Josh W. Comeau
CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Gri...
www.joshwcomeau.com
November 14, 2025 at 6:33 PM
I just updated my interactive blog post on CSS Grid! It now includes explanations for the `span` keyword, as well as a brief look at `grid-auto-flow`:
Reposted by Axolotat
Utilisation des Blob (*Binary Large OBject*) en JavaScript côté navigateur pour gérer des fichiers de grande taille sans exploser l'utilisation mémoire.
Ça permet même de déclencher un téléchargement purement…
🔗 https://links.kalvn.net/shaare/lE5Suw
#blob #fichier #navigateur #upload #binaire
Ça permet même de déclencher un téléchargement purement…
🔗 https://links.kalvn.net/shaare/lE5Suw
#blob #fichier #navigateur #upload #binaire
kalvn's links
links.kalvn.net
November 15, 2025 at 8:40 AM
Utilisation des Blob (*Binary Large OBject*) en JavaScript côté navigateur pour gérer des fichiers de grande taille sans exploser l'utilisation mémoire.
Ça permet même de déclencher un téléchargement purement…
🔗 https://links.kalvn.net/shaare/lE5Suw
#blob #fichier #navigateur #upload #binaire
Ça permet même de déclencher un téléchargement purement…
🔗 https://links.kalvn.net/shaare/lE5Suw
#blob #fichier #navigateur #upload #binaire
Reposted by Axolotat
🎨 "Haute couture du Web : le grand défilé du CSS" au #DevFestToulouse, Hémicycle ! 🚀
Avec @AudreyGentili et @EtienneIdoux, plongez dans le monde du CSS. Boostez vos compétences web !
#Tech #CSS #Toulouse
Avec @AudreyGentili et @EtienneIdoux, plongez dans le monde du CSS. Boostez vos compétences web !
#Tech #CSS #Toulouse
November 13, 2025 at 1:00 PM
🎨 "Haute couture du Web : le grand défilé du CSS" au #DevFestToulouse, Hémicycle ! 🚀
Avec @AudreyGentili et @EtienneIdoux, plongez dans le monde du CSS. Boostez vos compétences web !
#Tech #CSS #Toulouse
Avec @AudreyGentili et @EtienneIdoux, plongez dans le monde du CSS. Boostez vos compétences web !
#Tech #CSS #Toulouse
Reposted by Axolotat
Shadcn/UI vient de sortir une nouvelle version avec 7 components et voici ce qui change 👇
1️⃣ Spinner : un petit Spinner de chargement que tu peux facilement customiser
2️⃣ KDB : un component pour afficher les shortcuts avec par exemple ⌘ + P
3️⃣ Button group
1️⃣ Spinner : un petit Spinner de chargement que tu peux facilement customiser
2️⃣ KDB : un component pour afficher les shortcuts avec par exemple ⌘ + P
3️⃣ Button group
October 5, 2025 at 7:56 AM
Shadcn/UI vient de sortir une nouvelle version avec 7 components et voici ce qui change 👇
1️⃣ Spinner : un petit Spinner de chargement que tu peux facilement customiser
2️⃣ KDB : un component pour afficher les shortcuts avec par exemple ⌘ + P
3️⃣ Button group
1️⃣ Spinner : un petit Spinner de chargement que tu peux facilement customiser
2️⃣ KDB : un component pour afficher les shortcuts avec par exemple ⌘ + P
3️⃣ Button group
Reposted by Axolotat
we've started building out an "awesome" list for @e18e.dev 🎉
this should provide a good resource for finding modern libraries and tools. contributions welcome!
this should provide a good resource for finding modern libraries and tools. contributions welcome!
GitHub - e18e/awesome-e18e: A curated list of awesome e18e-focused packages
A curated list of awesome e18e-focused packages. Contribute to e18e/awesome-e18e development by creating an account on GitHub.
github.com
October 5, 2025 at 9:57 AM
we've started building out an "awesome" list for @e18e.dev 🎉
this should provide a good resource for finding modern libraries and tools. contributions welcome!
this should provide a good resource for finding modern libraries and tools. contributions welcome!
Reposted by Axolotat
Tout le monde parle de React 19.2.
Mais personne n'explique vraiment les 2 features qui comptent.
Voici ce que tu dois comprendre (avec du code) 👇
1️⃣ Activity : Cacher sans perdre l'état
Le problème avant :
Tu affiches/caches un composant ?
→ L'état est perdu à chaque fois.
Mais personne n'explique vraiment les 2 features qui comptent.
Voici ce que tu dois comprendre (avec du code) 👇
1️⃣ Activity : Cacher sans perdre l'état
Le problème avant :
Tu affiches/caches un composant ?
→ L'état est perdu à chaque fois.
October 6, 2025 at 6:26 AM
Tout le monde parle de React 19.2.
Mais personne n'explique vraiment les 2 features qui comptent.
Voici ce que tu dois comprendre (avec du code) 👇
1️⃣ Activity : Cacher sans perdre l'état
Le problème avant :
Tu affiches/caches un composant ?
→ L'état est perdu à chaque fois.
Mais personne n'explique vraiment les 2 features qui comptent.
Voici ce que tu dois comprendre (avec du code) 👇
1️⃣ Activity : Cacher sans perdre l'état
Le problème avant :
Tu affiches/caches un composant ?
→ L'état est perdu à chaque fois.
Reposted by Axolotat
A deep dive into #JS math: this uses a map function and Euclidean distance calculation to precisely control each circle's size based on the cursor.
freefrontend.com/html-canvas-...
codepen.io/mendieta/pen...
#html #css #javascript #frontend #webdev #webdevelopment
freefrontend.com/html-canvas-...
codepen.io/mendieta/pen...
#html #css #javascript #frontend #webdev #webdevelopment
October 6, 2025 at 8:06 AM
A deep dive into #JS math: this uses a map function and Euclidean distance calculation to precisely control each circle's size based on the cursor.
freefrontend.com/html-canvas-...
codepen.io/mendieta/pen...
#html #css #javascript #frontend #webdev #webdevelopment
freefrontend.com/html-canvas-...
codepen.io/mendieta/pen...
#html #css #javascript #frontend #webdev #webdevelopment
Reposted by Axolotat
La croissance de l'IA accusée de mettre en danger la tenue des objectifs climatiques https://www.banquedesterritoires.fr/la-croissance-de-lia-accusee-de-mettre-en-danger-la-tenue-des-objectifs-climatiques
La croissance de l'IA accusée de mettre en danger la tenue des objectifs climatiques
Le Shift Project tire la sonnette d'alarme sur l'empreinte environnementale des infrastructures de calcul qui explosent sous l'impulsion de l'IA. Le think tank souligne l'incompatibilité des objectifs...
www.banquedesterritoires.fr
October 2, 2025 at 6:09 PM
La croissance de l'IA accusée de mettre en danger la tenue des objectifs climatiques https://www.banquedesterritoires.fr/la-croissance-de-lia-accusee-de-mettre-en-danger-la-tenue-des-objectifs-climatiques
Reposted by Axolotat
📦 expo / expo
⭐ 43,776 (+31)
🗒 TypeScript
An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
⭐ 43,776 (+31)
🗒 TypeScript
An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
GitHub - expo/expo: An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web. - expo/expo
github.com
October 2, 2025 at 7:02 PM
Reposted by Axolotat
La revue Allo Terra d'octobre 2025 est disponible ! 🌍 - Numéro 28 📅
Vous retrouverez toutes les rubriques habituelles, et en couverture la photo du mois, "C'est l'heure du bain !" par @rigolocations.bsky.social 🐦 ⛲
👉 Lire et s'abonner ➡️ fr.ulule.com/oamgui
Merci pour vos likes / partages 🔄 💚
1/3
Vous retrouverez toutes les rubriques habituelles, et en couverture la photo du mois, "C'est l'heure du bain !" par @rigolocations.bsky.social 🐦 ⛲
👉 Lire et s'abonner ➡️ fr.ulule.com/oamgui
Merci pour vos likes / partages 🔄 💚
1/3
October 1, 2025 at 10:19 AM
La revue Allo Terra d'octobre 2025 est disponible ! 🌍 - Numéro 28 📅
Vous retrouverez toutes les rubriques habituelles, et en couverture la photo du mois, "C'est l'heure du bain !" par @rigolocations.bsky.social 🐦 ⛲
👉 Lire et s'abonner ➡️ fr.ulule.com/oamgui
Merci pour vos likes / partages 🔄 💚
1/3
Vous retrouverez toutes les rubriques habituelles, et en couverture la photo du mois, "C'est l'heure du bain !" par @rigolocations.bsky.social 🐦 ⛲
👉 Lire et s'abonner ➡️ fr.ulule.com/oamgui
Merci pour vos likes / partages 🔄 💚
1/3
Woa les belles news !
frontendmasters.com/blog/what-yo...
frontendmasters.com/blog/what-yo...
What You Need to Know about Modern CSS (2025 Edition)
If you thought 2024 was packed with amazing new CSS, well, you're right. But so is 2025 and it keeps looking bright. Check out our list of the best stuff with easy-to-reference examples.
frontendmasters.com
October 1, 2025 at 12:23 PM
Woa les belles news !
frontendmasters.com/blog/what-yo...
frontendmasters.com/blog/what-yo...
Ahah ... Quoi ? COMBIEN. typescript.developpez.com/actu/369574/...
Un d�veloppeur ex�cute DOOM dans le syst�me de types de TypeScript : la plus grande r�alisation technique de TypeScript a demand� 3,5 trillions de lignes de code, 90 Go de m�moire vive et une ann�e de...
Depuis sa cr�ation en 2012, TypeScript s�est impos� comme un langage incontournable du d�veloppement web moderne, offrant une couche de typage statique robuste � JavaScript. Il a permis aux d�veloppeu...
typescript.developpez.com
February 28, 2025 at 8:28 AM
Ahah ... Quoi ? COMBIEN. typescript.developpez.com/actu/369574/...
Reposted by Axolotat
A CSS-only clock that shows you the current time? Why not!
Demo: css-tip.com/clock/
Don't try to find the hidden JavaScript, it's 100% #CSS magic and it's accurate!
⚠️ a chrome only experimentation⚠️
Demo: css-tip.com/clock/
Don't try to find the hidden JavaScript, it's 100% #CSS magic and it's accurate!
⚠️ a chrome only experimentation⚠️
January 7, 2025 at 10:12 AM
A CSS-only clock that shows you the current time? Why not!
Demo: css-tip.com/clock/
Don't try to find the hidden JavaScript, it's 100% #CSS magic and it's accurate!
⚠️ a chrome only experimentation⚠️
Demo: css-tip.com/clock/
Don't try to find the hidden JavaScript, it's 100% #CSS magic and it's accurate!
⚠️ a chrome only experimentation⚠️
Hello, juste pour dire, pour les rares qui me suivent que je met en pause la création des cours frontend pour le moment. J'ai eu des mois très agités ces derniers temps qui m'ont mené à un burnout. Je vais donc prendre le temps qu'il me faudra pour me remettre sur pied. Bonne année à vous ! o/
January 7, 2025 at 11:04 AM
Hello, juste pour dire, pour les rares qui me suivent que je met en pause la création des cours frontend pour le moment. J'ai eu des mois très agités ces derniers temps qui m'ont mené à un burnout. Je vais donc prendre le temps qu'il me faudra pour me remettre sur pied. Bonne année à vous ! o/
Reposted by Axolotat
CSS in 2024
✨ Animating to height: auto = no more JS hacks.
✨ Scroll-driven animations = mind-blowing UX simplifications.
✨
✨ Animating to height: auto = no more JS hacks.
✨ Scroll-driven animations = mind-blowing UX simplifications.
✨
= native, no-JS accordions.
✨ Anchor Positioning = say bye to tooltip hacks.
✨ Field Sizing = inputs that size themselves?! Yes.
chrome.dev/css-wrapped-...
✨ Anchor Positioning = say bye to tooltip hacks.
✨ Field Sizing = inputs that size themselves?! Yes.
chrome.dev/css-wrapped-...
December 13, 2024 at 12:59 PM
CSS in 2024
✨ Animating to height: auto = no more JS hacks.
✨ Scroll-driven animations = mind-blowing UX simplifications.
✨
✨ Animating to height: auto = no more JS hacks.
✨ Scroll-driven animations = mind-blowing UX simplifications.
✨
= native, no-JS accordions.
✨ Anchor Positioning = say bye to tooltip hacks.
✨ Field Sizing = inputs that size themselves?! Yes.
chrome.dev/css-wrapped-...
✨ Anchor Positioning = say bye to tooltip hacks.
✨ Field Sizing = inputs that size themselves?! Yes.
chrome.dev/css-wrapped-...
Une année riche en @damdamlive.bsky.social ❤️
December 10, 2024 at 4:56 PM
Une année riche en @damdamlive.bsky.social ❤️
Memo javascript, savez vous faire la différence entre undefined et null ?
www.instagram.com/p/C_29ickitEt/
www.instagram.com/p/C_29ickitEt/
Login • Instagram
Welcome back to Instagram. Sign in to check out what your friends, family & interests have been capturing & sharing around the world.
www.instagram.com
September 13, 2024 at 1:27 PM
Memo javascript, savez vous faire la différence entre undefined et null ?
www.instagram.com/p/C_29ickitEt/
www.instagram.com/p/C_29ickitEt/
Qui dit vendredi dit que j'avance sur mon rattrapage du CSS day : www.youtube.com/watch?v=g6wt...
Utility First CSS Isn’t Inline Styles | Sarah Dayan | CSS Day 2024
YouTube video by Web Conferences Amsterdam
www.youtube.com
September 13, 2024 at 1:10 PM
Qui dit vendredi dit que j'avance sur mon rattrapage du CSS day : www.youtube.com/watch?v=g6wt...
Ça sent pas très bon cette histoire www.frandroid.com/android/2335...
Pourquoi les APK sur Android vont devenir inutiles à cause de Google
Vous pensiez qu'Android rimait avec liberté totale ? Détrompez-vous ! Google vient de sortir une arme redoutable pour ramener les brebis égarées dans le
www.frandroid.com
September 12, 2024 at 10:02 AM
Ça sent pas très bon cette histoire www.frandroid.com/android/2335...
Bravo le ZEvent et bravo @damdamlive.bsky.social que j'ai principalement suivi. Une personne extrêmement touchante et qui fait un travail de dingue. Merci pour ce weekend de fou. 😻
#zevent2024
#zevent2024
September 9, 2024 at 7:47 AM
Bravo le ZEvent et bravo @damdamlive.bsky.social que j'ai principalement suivi. Une personne extrêmement touchante et qui fait un travail de dingue. Merci pour ce weekend de fou. 😻
#zevent2024
#zevent2024
Article très intéressant, l'IA fout un sacré bordel intelligence-artificielle.developpez.com/actu/362403/...
Les d�tecteurs d'IA obligent les �tudiants � adopter un style d'�criture d�pourvu d'originalit� pour �viter d'�tre accus�s de tricherie, l'essor de ces outils cause des probl�mes inattendus
Avec l�essor des outils d�intelligence artificielle comme ChatGPT, les enseignants et les institutions �ducatives se retrouvent face � un d�fi in�dit : comment distinguer les travaux �crits par des �t...
intelligence-artificielle.developpez.com
September 9, 2024 at 7:44 AM
Article très intéressant, l'IA fout un sacré bordel intelligence-artificielle.developpez.com/actu/362403/...
Vous savez faire la différence entre `null` et `undefined` et quand l'utiliser ? Je vous explique ? Go ⬇️
#javascript
#javascript
September 8, 2024 at 3:44 PM
Vous savez faire la différence entre `null` et `undefined` et quand l'utiliser ? Je vous explique ? Go ⬇️
#javascript
#javascript
On part aujourd'hui sur le talk 2 du CSS day www.youtube.com/watch?v=X6az...
Layout and Reading Order | Rachel Andrew | CSS Day 2024
YouTube video by Web Conferences Amsterdam
www.youtube.com
September 6, 2024 at 2:26 PM
On part aujourd'hui sur le talk 2 du CSS day www.youtube.com/watch?v=X6az...