Fil d'activité

L'élément HTML <output> a été introduit il y a longtemps, mais nous l'avons complètement oublié.

Il pourrait être utilisé pour l'accessibilité afin d'annoncer sa valeur à chaque fois qu'elle change sans utiliser ARIA. Il pourrait être particulièrement adapté aux lecteurs d'écran.

Moteur de recherche décentralisé & revue de presse automatisée

• Explorez la presse sans intermédiaire entre vos journaux et votre navigateur web.
• Découvrez des millions de résultats en quelques secondes et explorez les plus récents dans votre navigateur grâce à cette extension de Firefox.
• Programmez des recherches, sélectionnez votre revue de presse et exportez-la en quelques clics.

Heydon Pickering reprend son concept de mise en page Sidebar en le poussant avec le nouveau sélecteur CSS :has(). Plus besoin de super classe CSS pour le parent, seul le contexte suffit.

Kevin Powell nous montre comment simplifier son code CSS et ne pas avoir de duplication afin de gérer des thèmes "light" et "dark" sur un site ou une application web.

C'est intéressant de voir que la syntaxe du container style queries accepte les variables CSS. Ça laisse la porte ouverte à plein d'expérimentations.

Adrian Roselli a une demande adressée à Google sur la façon dont ils traitent les nouvelles fonctionnalités de Chrome et leur accessibilité.

Je n'ai pas son niveau d'expertise mais je m'intéresse à l'accessibilité et je suis dérangé par la façon dont ils la gèrent et comment ils veulent presser la sortie de leurs fonctionnalités alors qu'il y a des normes à respecter.

Joli post sur le style sous-estimé des choses cassées. Dans ce cas, il s'agit d'images qui ne sont pas chargées. Le cas échéant, un texte alternatif est affiché. Nous pouvons styler ce texte et c'est ce que ce post présente.

Un grand nombre d'extraits de CSS à utiliser comme base pour des projets:

• Requêtes de médias
• Espacement
• Style contextuel

En tenant compte de la spécificité, en utilisant la pseudo-classe :where() ou les cascade layer.

Kylian fait un retour sur une méthode utilisée par Amit Merchant pour que du contenu s'estompe au fur-et-à-mesure et laisse apparaître le fond de la page.

Il y voit deux problèmes, qui sont que le texte n'est pas sélectionnable (point bloquant de mon point de vue) et que cela ne fonctionne que sur des pages avec un fond uni.

Il présente donc à son tour, deux méthodes. Toutes les deux ayant aussi leurs inconvénients.

Une application en ligne pour générer la documentation d'un projet façon README.

Not all of this is like absolutely brand spanking new just-dropped-in-2024 stuff. Some of it is, but generally it’s relatively new stuff that’s all pretty great. I’m pointing things out that I think are really worth knowing about. It’s possible you haven’t kept up too much with HTML developments as it tends to, rightfully, move a lot slower than CSS or JavaScript.

Do you want to detect if an element is having an overflow or if it's scrollable? It's possible with scroll-driven animation! You can also store this information within a variable at :root level and do whatever you want (like styling any elements on the page)

Je partage tellement la vision de ce billet faisant un état des lieux, de manière sarcastique, de notre monde, de notre société, etc.

Oui, tout va bien !

Everyone is excited about the new align-content that works with block-level elements, but pay attention when you want to center elements such as <img>, <iframe>, <canvas>, <video>, etc.

Trop d'applications et de sites web sont basés sur Javascript et nous, en tant que développeurs, avons trop tendance à croire qu'il est toujours accessible. Mais, ce n'est pas le cas et voici pourquoi.

Cela est une bonne piqûre de rappel sur le fait de mettre en place de l'amélioration progressive 😉