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 : CSS
Naviguations fluides semblables à celles d’une application grâce à l’API View Transitions dans Next.js
Transitions de page similaires à celles d’une application dans Next.js avec l’API View Transitions : mouvement d’éléments partagés entre les routes sans avoir recours à une bibliothèque d’animation lourde, ainsi que des notes de support.
4 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 lectureStylisez les éléments parents en fonction de leur contenu à l’aide de CSS :has()
Découvrez comment :has() permet enfin aux sélecteurs d’examiner les descendants et les frères/sœurs, où les coquilles de microfrontends peuvent l’utiliser, et pourquoi le Shadow DOM associé aux contrats de nom de classe restreint encore ce modèle.
6 min de lectureAccordeons React navigables : plier avec CSS Grid, et non en désinstallant
Créez des accordions React imbriqués qui conservent le contenu dans le DOM pour l’indexation, animez la hauteur à l’aide des lignes de grille, restreignez le fait qu’un seul élément soit ouvert à la fois par niveau et réinitialisez l’état lors de la fermeture.
8 min de lectureÉviter le rendu hors écran grâce à content-visibility et contain-intrinsic-size
Apprenez comment la visibilité du contenu permet de réduire les coûts liés à la mise en page sur les pages longues générées par serveur, pourquoi la propriété contain-intrinsic-size est indispensable, et comment elle se compare à la virtualisation.
12 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 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.