Bienvenue sur HTMLcat, une collection de petites astuces web natives qui mérite d'être retenue. Chaque post-it associe une fonction utile de la plateforme à un exemple minimal et à la mise en garde qui compte. Les notes couvrent les fonctionnalités stables, limitées et expérimentales dans HTML, CSS et JS.
Vérifiez l’étiquette de support, gardez un fallback, et testez avec de vrais navigateurs et technologies d’assistance.\n\nLes astuces mises en avant incluent : détection du type d’appareil, masquage des barres de défilement, balises vides, centrage CSS, `clamp()`, défilement fluide, marge de défilement, `classList.toggle()`, liens téléphoniques et e‑mail, surlignage de la sélection de texte, sélecteur relationnel `:has()`, styliser les marqueurs de liste avec `::marker`, prix localisés avec `Intl. NumberFormat`, désactivation des sous‑arbres avec `inert`, la pseudo‑classe `:target`, l’attribut `translate`, `prefers-color-scheme`, requêtes de taille de conteneur, l’élément `<dialog>`, meilleure mise en forme avec `text-wrap`, alignement des listes de description, couleurs de formulaire natives avec `accent-color`, API de surlignage personnalisé de CSS, détection de survol sur les types d’entrée, couleurs transparentes avec `color-mix()`, événements de snap de défilement, `light-dark()`, `contrast-color()`, CSS scoping via `@scope`, `:where()`, animations pilotées par le défilement, carrousels CSS, `corner-shape`, fonctions personnalisées CSS, voies de grille CSS, API Popover, API de Transitions de Visée, requêtes de style de conteneur, accordéons exclusifs avec le nom `details`, contrôle des dialogues avec des commandes de bouton et contenu recolhido pesquisável com `hidden=until-found`.\n\nTous les exemples sont recherchables par titre et contenu. N’oubliez pas de vérifier la compatibilité du navigateur et de fournir des fallbacks pour la production.
Source: Hacker News · Résumé par HeadlinesBriefing