Dialog, Modal, Popover : la synthèse
[Raphael] L'arrivée de l'attribut et de l'API HTML popover facilite la gestion de tous les éléments qui doivent s'afficher au-dessus du contenu d'une page Web (fenêtre modale, tooltip, menu déroulant, etc.). Cette nouvelle fonctionnalité vient s'ajouter à certaines déjà existantes, au point où l'on ne sait p...
Optimiser le poids des images SVG
[Rodolphe] Les images SVG sont désormais omniprésentes sur le web : illustrations, schémas, décoration, icônes, ce format vectoriel se prête bien à toutes sortes de formes simples car il est léger et étirable à l'infini produisant un beau résultat sur les écrans à forte densité de pixel (hdpi, retina...). Si ...
CSS :has() le sélecteur de parent, mais bien plus encore !
[Raphael] La pseudo-classe :has() réalise le fantasme historique de pouvoir enfin "cibler le parent" en CSS… mais elle fait bien plus que ça ! :has() est une pseudo-classe CSS issue des spécifications "Selectors level 4" où elle est décrite comme "sélecteur relationnel". Le sélecteur :has() cible un éléme...
Mettre en surbrillance ligne et colonne au survol d'une table
[Yordi] Aujourd'hui, il nous est possible de faire énormément de choses avancés en CSS. Cependant quelque chose qui semble ± simple n'est pas toujours aussi simple que ce que l'on espère, voir pas du tout. Le projet sur lequel je travaille affiche énormément de table de données (). Pour certaines d'entre el...
Animer un bouton burger simple avec SVG et CSS
[Raphael] Le format SVG peut paraître parfois un peu intimidant, et l'associer à des transitions ou des animations CSS semble encore plus audacieux pour bon nombre de personnes. Cependant, dans certains cas, l'alchimie entre SVG et CSS est aussi bénéfique qu'extrêmement simple à mettre en oeuvre. Dans ce tu...