html - Ange Chierchia https://chierchia.fr/tag/html/ Développeur Web full-stack Fri, 08 Aug 2025 14:00:54 +0000 fr-FR hourly 1 https://chierchia.fr/wp-content/uploads/cropped-16350293-SSDKVqo3-32x32.jpg html - Ange Chierchia https://chierchia.fr/tag/html/ 32 32 Web Components: Working With Shadow DOM https://chierchia.fr/2025/08/20250808155219/ https://chierchia.fr/2025/08/20250808155219/#respond Ange Chierchia]]> Mon, 11 Aug 2025 05:30:00 +0000 https://chierchia.fr/?p=4607

Bookmarked Web Components: Working With Shadow DOM — Smashing Magazine.

Je suis longtemps passé à côté du Shadow DOM. Trop abstrait, trop “spec moderne” pour mes besoins du quotidien.

Mais cet article m’a recadré.

Il explique comment le Shadow DOM te permet d’encapsuler un composant comme un vrai bloc isolé : pas de fuite de styles, pas de conflits de noms, pas de comportements JS qui partent en sucette.

Et ça, dans une époque où chaque lib veut imposer sa logique, ça fait du bien de voir un truc standard qui tient la route.

On n’est pas obligés de tout reconstruire avec Web Components demain matin, mais piger comment le Shadow DOM fonctionne, c’est clairement un level-up pour écrire du code plus robuste — et plus pérenne

]]> https://chierchia.fr/2025/08/20250808155219/feed/ 0 Les interrupteurs « on/off » arrivent nativement ! https://chierchia.fr/2024/03/les-interrupteurs-on-off-arrivent-nativement/ https://chierchia.fr/2024/03/les-interrupteurs-on-off-arrivent-nativement/#comments Ange Chierchia]]> Thu, 07 Mar 2024 13:46:43 +0000 https://chierchia.fr/?p=1619

Le truc que je préfère avec la sortie de Safari 17.4 ? L’attribut switch sur les <input type="checkbox"> ! On aura plus besoin de gérer l’accessibilité et les styles bien relous à mettre en place sur les cases à cocher qu’on veut afficher comme des interrupteurs pour faire « comme sur iPhone, parce que c’est trop […]]]>

Bookmarked https://webkit.org/blog/15063/webkit-features-in-safari-17-4/.

Le truc que je préfère avec la sortie de Safari 17.4 ? L’attribut switch sur les <input type="checkbox"> !

On aura plus besoin de gérer l’accessibilité et les styles bien relous à mettre en place sur les cases à cocher qu’on veut afficher comme des interrupteurs pour faire « comme sur iPhone, parce que c’est trop beau ! ».

Bonne nouvelle donc, hâte de voir les autres navigateur l’implémenter

]]> https://chierchia.fr/2024/03/les-interrupteurs-on-off-arrivent-nativement/feed/ 2