html

  • Web Components: Working With Shadow DOM

    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


  • Les interrupteurs « on/off » arrivent nativement !

    Les interrupteurs « on/off » arrivent nativement !

    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