Fil d'activité

In this little series I attempt to organise some thoughts of what I've seen, experienced and learned over the past few years of working as a frontend developer in a large company, with dozens of web applications, scaling from tens to thousands of daily active users.

Thoughts on web development, open source, software architecture, and the future.

Live regions have a reputation for being 'flaky' and inconsistent. While this can be attributed in part to shortcomings in current implementations, the problem can also be caused by developers misunderstanding how live regions are intended to work.

Slash pages are common pages you can add to your website, usually with a standard, root-level slug like /now, /about, or /uses. They tend to describe the individual behind the site and are distinguishing characteristics of the IndieWeb.

Tornis est une bibliothèque JavaScript minimale qui surveille l'état de la fenêtre de votre navigateur, vous permettant de répondre chaque fois que quelque chose change. Voyez Tornis comme un magasin pour de fenêtre de visualisation.

Cet article est une mine d'or sur ce que l'on peut faire avec les pseudo elements ::before et ::after. Nous pouvons les utiliser de manière décorative mais aussi pour afficher des guillemets, pour afficher les attributs d'un élément HTML, pour jouer avec des images, pour remplacer du contenu, pour contrôler la mise en page et bien plus.

Pour les <blockquote>, il est possible avec du CSS, d'afficher les guillemets en fonction de la langue de l'utilisateur.

Il est possible d'afficher des guillemets, en fonction de la langue de l'utilisateur, avec quelques déclarations CSS

Un projet de démarrage pour Eleventy (11ty) et utilisant WebC comme language principal de templates. Il inclut aussi un traitement des ressources aux choix affirmés et quelques autres gadgets.

Whether you’re a Docker expert or new to the Docker community, you may be wondering about the best ways to optimize or get started quicker on Docker. As a Docker Captain and a Senior DevOps Engineer, I’ve been using Docker for more than six years, and I’m looking forward to some thrilling updates in 2024!

In this post, I’m excited to share my top 8 tips and tricks for Docker that I’ve gathered through real-world experience and insider knowledge.

Today, we will explore modern project architecture, emphasizing theming, responsive layouts, and component design. We'll learn about features to improve code organization and dig into layout techniques such as grid and container queries. Finally, we'll review real-world examples of context-aware components that use cutting-edge CSS techniques. You're sure to be inspired to expand your CSS skills and ready to create scalable, future-friendly web projects.

UI components powered by Finite State Machines. A collection of framework-agnostic UI component patterns like accordion, menu, and dialog that can be used to build design systems for React, Vue and Solid.js

How to style an element which breaks accross several lines

You can now react with CSS media queries to disabled Javascript and not only with the <noscript> tag.