Comment concevoir correctement un champ OTP (One-Time Password) uniquement avec HTML et CSS.
C'est vrai que la grande majorité de ces champs est une plaie à utiliser (copier/coller qui ne marche pas, curseur qui saute d'un champ à l'autre sans raison, impossibilité d'effacer facilement l'un des numéros, etc.).
Comment concevoir correctement un champ OTP (One-Time Password) uniquement avec HTML et CSS.
C'est vrai que la grande majorité de ces champs est une plaie à utiliser (copier/coller qui ne marche pas, curseur qui saute d'un champ à l'autre sans raison, impossibilité d'effacer facilement l'un des numéros, etc.).
L'utilisation des view transitions CSS n'est pas exactement triviale pour le moment, mais cet article en détricote quelques détails.
L'utilisation des view transitions CSS n'est pas exactement triviale pour le moment, mais cet article en détricote quelques détails.
Introduction à view-transition en CSS. Pas encore supporté pleinement dans Firefox mais ça arrive tout doucement.
Introduction à view-transition en CSS. Pas encore supporté pleinement dans Firefox mais ça arrive tout doucement.
La propriété CSS field-sizing: content permet d'ajuster la taille d'un <textarea> en fonction de son contenu, mais elle fonctionne également sur les <input> et <select>.
La propriété CSS field-sizing: content permet d'ajuster la taille d'un <textarea> en fonction de son contenu, mais elle fonctionne également sur les <input> et <select>.
Un guide sur les couleurs en CSS, et tout l'éventail d'outils qu'on a pour les manipuler et les configurer.
Il est loin le temps du choix binaire entre l'hexadecimal et la fonction rgb !
Un guide sur les couleurs en CSS, et tout l'éventail d'outils qu'on a pour les manipuler et les configurer.
Il est loin le temps du choix binaire entre l'hexadecimal et la fonction rgb !
Exemples d'utilisation créative de la nouvelle propriété CSS corner-shape.
Seulement dans Chromium pour le moment.
Exemples d'utilisation créative de la nouvelle propriété CSS corner-shape.
Seulement dans Chromium pour le moment.
Utilisation ingenieuse de anchor positioning CSS (positionnement par ancre) pour créer un indicateur de focus qui "flotte" d'un élément à l'autre quand vous appuyez sur TAB.
Utilisation ingenieuse de anchor positioning CSS (positionnement par ancre) pour créer un indicateur de focus qui "flotte" d'un élément à l'autre quand vous appuyez sur TAB.
Connexion