Des articles pour ceux qui
livrent le stack
Textes sur React, Node.js, TypeScript et AI. Un corps traduit est affiché quand il existe. Sinon vous voyez le texte anglais et une note qui le dit.
Tag : HTML
HTML est du marquage, pas un langage de programmation — utilisez-le comme tel.
Traitez le HTML comme une structure pour la navigation, l’SEO, l’accessibilité et les performances de rendu, et remplacez la soupe de div par des éléments sémantiques que le navigateur et les robots de recherche peuvent comprendre.
3 min de lectureCinq indices rel=link suggérant la vitesse de premier rendu du contenu
Utilisez preconnect, preload, dns-prefetch, prefetch et modulepreload dans la section en-tête du document pour préchauffer les connexions et réduire la consommation de ressources, sans avoir à réécrire l’application.
3 min de lectureCSS attr() : Intégrer directement les valeurs des attributs HTML dans les styles
Découvrez comment la fonction CSS attr() transforme les attributs de données en longueurs, couleurs et durées, pourquoi ses solutions de secours échouent, pourquoi url() est bloquée, et comment la déployer en toute sécurité aujourd’hui.
18 min de lectureQui devrait gérer le comportement de l’interface utilisateur ? Choisir entre HTML, CSS et JavaScript
Un cadre pour déterminer quand les fonctionnalités natives HTML et CSS telles que dialog, popover, :has() et container queries devraient remplacer JavaScript, et quand elles ne le devraient pas.
15 min de lectureUn bouton de retour d’information avec pouce levé animé sans aucune bibliothèque d’animation
Créez un widget de feedback avec des pouces levés et baissés, doté d’une animation pop basée sur des keyframes, d’états actifs et d’une requête fetch, en utilisant uniquement HTML, CSS et quelques lignes de JavaScript.
7 min de lectureStructure, style, comportement : comment HTML, CSS et JavaScript se répartissent les tâches
Une carte adaptée aux débutants montrant ce que HTML, CSS et JavaScript représentent chacun sur une page web, comment ils coopèrent, ainsi que les erreurs fréquentes qui brouillent les frontières entre eux.
6 min de lectureDe la soupe de div à un marquage significatif : Un guide pratique sur l’HTML sémantique
Découvrez pourquoi les divs génériques compromettent l’accessibilité, le crawlage et la maintenabilité, quels éléments sémantiques utiliser à la place, ainsi que comment refactorer un véritable composant de type carte.
16 min de lectureJSX n’est pas HTML : les véritables compromis derrière le markup des composants
Comprendre ce que l’on perd lorsque le markup devient JSX, des outils et du parsing aux formulaires, à l’accessibilité et à la portabilité, ainsi que les stratégies permettant de récupérer une grande partie de ce qui a été perdu.
13 min de lectureSix fonctionnalités natives d’HTML qui remplacent les bibliothèques UI JavaScript courantes
Découvrez comment les popover, les détails exclusifs, les dialogues, le Declarative Shadow DOM, fetchpriority et datalist remplacent le JavaScript personnalisé, ainsi que les limites qui subsistent pour chacun d’eux.
6 min de lecture
À propos de ces articles
Devis en 24 h
Besoin du même stack en couche opérateur ? Envoyez le brief — devis sous 24 h.