Commet mêler <dialog> et view-transition pour animer le zoom sur une image.

Commet mêler <dialog> et view-transition pour animer le zoom sur une image.

Perso je n'ai presque jamais eu besoin du JS, encore aujourd'hui je ne l'utilise que dans des cas bien précis où c'est réellement nécéssaire, cet article est vraiment chouette et bien conçu.

Apprenez l'histoire du nom des couleurs "nommées" dans la norme CSS.

Apprenez l'histoire du nom des couleurs "nommées" dans la norme CSS.

Un outil pour créer un styleguide et l'exporter.

Un outil pour créer un styleguide et l'exporter.

Des layouts communs intégrables facilement dans vos projets avec très peu de code CSS.

Des layouts communs intégrables facilement dans vos projets avec très peu de code CSS.

Tous les outils d'Alsacréations, du reset CSS aux générateurs de QR code en passant par un outil d'accessibilité. Bref des outils à picorer.

Tchao !

P.S. : Tchao, ça veut dire bye en anglais

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.

Sous le coude.

Sous le coude.

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>.