L'article explore comment remplacer certaines fonctionnalités JavaScript par des solutions natives HTML et CSS. Il met en avant des exemples concrets comme les accordéons avec les éléments <details> et <summary>, les champs de saisie avec suggestions filtrées via <datalist>, et d'autres composants web. L'objectif est de réduire la dépendance au JavaScript pour des tâches simples, améliorant ainsi les performances et l'expérience utilisateur. L'article inclut des exemples de code et des ressources pour approfondir.

Dans cet article de HTMHell, Darice de Cuba explique l'importance de nommer les classes CSS de manière générique et indépendante du design. Elle souligne que les noms de classes doivent refléter le contenu et non la présentation, afin de faciliter les modifications futures du CSS sans toucher au HTML. Elle donne des exemples de bonnes et mauvaises pratiques, et conclut en insistant sur l'importance de maintenir un code lisible et facile à modifier.

Ce guide pratique de Joan León, expert en performance web, explique comment utiliser Chrome DevTools pour détecter et résoudre les problèmes de performance sur un site web. L'auteur, consultant et co-fondateur de PerfReviews, partage sa méthodologie étape par étape, en se concentrant sur les fonctionnalités clés de DevTools pour l'analyse des performances. Il illustre son propos avec une analyse du site Zara, choisi parmi les sites à fort trafic organique lors du Black Friday 2025. Le guide met en lumière des outils comme le tri des ressources par taille dans l'onglet Réseau, l'identification des fichiers lourds et des images, et l'évaluation des stratégies de cache. L'objectif est de fournir des pistes pour améliorer l'expérience utilisateur en optimisant les performances.

Pangolin est une solution open-source pour un accès distant sécurisé, combinant reverse proxy et VPN basé sur WireGuard. Cet article détaille son installation, sa configuration et sa maintenance, incluant la création de ressources publiques et privées, ainsi que la mise à jour. Pangolin permet de sécuriser l'accès à des applications web et des services internes sans exposer l'ensemble du réseau, offrant une alternative maîtrisée aux solutions tierces comme Cloudflare Tunnel.

Cet article explore le potentiel du streaming HTML pour améliorer les performances des sites web modernes. Sébastien Mischler, développeur chez Infomaniak, revisite cette technique inspirée d'un article de Chris Coyier, en s'appuyant sur un projet expérimental appelé HTMS. L'article souligne que les problèmes de performance actuels proviennent souvent du rendu retardé par l'hydration côté client et les pipelines JavaScript lourds, plutôt que de la vitesse du réseau. Le streaming HTML permet de rendre le contenu progressivement dès son arrivée, améliorant ainsi les métriques clés comme le First Contentful Paint et l'expérience utilisateur. Bien que les solutions comme le SSR (Server-Side Rendering) et le SSG (Static Site Generation) existent, elles présentent des limites, notamment avec les données dynamiques. Le streaming HTML offre une alternative prometteuse pour concilier SEO, accessibilité et performances.

Tim Ferriss propose une alternative aux résolutions du Nouvel An : la "révision de l'année passée" (PYR). Cette méthode consiste à analyser son calendrier annuel pour identifier les personnes, activités et engagements ayant provoqué des émotions positives ou négatives. Ensuite, il s'agit de planifier davantage des activités positives et d'éviter celles négatives. Une méthode simple et efficace pour mieux orienter sa nouvelle année.

Cet article explique comment vérifier simplement si deux plages horaires se chevauchent, un problème courant dans la gestion du temps. En illustrant les six possibilités de chevauchement avec un schéma, l'auteur montre que deux plages se chevauchent si la fin de la première est supérieure au début de la seconde et inversement. Un exemple de code PHP est fourni pour implémenter cette logique.

DarkChyper partage son expérience après un an d'utilisation d'un casque à conduction osseuse Shokz, offert à Noël 2024. Motivé par la préservation de son audition et le confort, il a surmonté ses craintes initiales concernant la qualité sonore. Bien que la technologie soit moins répandue, il souhaite apporter un avis personnel et répondre aux questions qu'il se posait avant l'achat, comme la gêne à long terme ou la fatigue liée aux vibrations. La conduction osseuse, initialement utilisée dans le domaine médical, permet d'entendre sans passer par le conduit auditif, offrant ainsi une écoute tout en restant attentif à l'environnement.

Astuce pour obtenir une revue de code par IA en 10 secondes : ajoutez ".diff" à la fin de l'URL d'une PR GitHub, copiez le diff et collez-le dans un LLM comme Claude ou ChatGPT pour une première analyse rapide. Cela permet de détecter des problèmes évidents et d'améliorer le code avant une revue humaine, réduisant ainsi les temps de cycle et facilitant le travail des réviseurs. Une méthode simple et efficace sans besoin d'outils spécifiques.

L'auteur partage son expérience après quatre mois d'utilisation intensive de Python dans un nouveau rôle professionnel. Il apprécie la flexibilité et la syntaxe claire du langage, notamment avec l'outil de typage mypy, qu'il trouve supérieur à celui de Go. Il souligne également l'amélioration de la gestion des paquets avec uv, qui a résolu des problèmes antérieurs. Après avoir utilisé divers langages au cours de sa carrière, il trouve Python plaisant et maintenable, surtout avec l'aide d'outils comme Claude Code. Il utilise VSCode comme IDE, ayant abandonné Emacs pour des raisons de configuration complexe.

Cet article explore quatre styles architecturaux d'APIs : REST, webhooks, gRPC et HATEOAS. Il explique l'importance cruciale du choix de l'architecture pour la réussite d'une API, impactant l'intégration, la performance et la scalabilité. REST, le plus populaire, est simple, stateless et cacheable, idéal pour les services web standards. Les webhooks, en deuxième position, permettent une communication asynchrone et sont souvent utilisés pour l'automatisation. L'article fournit des exemples concrets et des raisons de choisir chaque style.

L'article explore la notion de sémantique en HTML. Il explique que chaque élément HTML a une signification définie dans le HTML Living Standard, et que cette sémantique est cruciale pour les utilisateurs, notamment pour l'accessibilité. L'auteur distingue trois types de sémantique : celle pour les utilisateurs, pour les développeurs et pour les machines. Il illustre ses propos avec des exemples concrets, montrant comment choisir les bons éléments HTML améliore la compréhension du contenu et l'accessibilité. L'article souligne l'importance de la sémantique pour rendre le Web plus inclusif et fonctionnel.

L'article explore l'élément HTML <details> et son partenaire <summary>, souvent sous-estimé mais puissant. Cet élément sémantique permet de créer des widgets de divulgation (disclosure) sans nécessiter de CSS ou de JavaScript, offrant ainsi des avantages en termes de SEO, d'accessibilité, de performance et d'interactivité. L'auteur explique comment styliser et animer cet élément, ainsi que les possibilités d'interaction via JavaScript. De plus, il souligne des fonctionnalités natives comme le lien profond (deep linking) qui ouvre automatiquement les détails lorsque l'utilisateur navigue vers une ancre. Une ressource précieuse pour mieux comprendre et utiliser cet élément HTML.

L'article explique le mécanisme de BFCache (Back/Forward Cache) des navigateurs, qui permet de restaurer instantanément une page lors de l'utilisation des boutons de navigation arrière et avant. Ce mécanisme, présent depuis longtemps dans les navigateurs, a un impact significatif sur les Core Web Vitals et l'expérience utilisateur. L'auteur détaille comment mesurer et optimiser l'utilisation de BFCache, ainsi que les facteurs qui peuvent l'empêcher, comme l'événement 'unload' ou certaines directives de cache. Une lecture intéressante pour les passionnés de performance web.

Cet article explore les nuances et les problèmes liés au Time-To-First-Byte (TTFB), une métrique de performance web souvent mal comprise. Marx souligne que le TTFB a plusieurs définitions et est composé de plusieurs sous-parties, ce qui rend difficile la comparaison des mesures et le débogage des problèmes. Il aborde également les facteurs qui peuvent influencer les valeurs de TTFB, y compris les technologies comme HTTP/2 et HTTP/3, et propose des recommandations pour une utilisation plus judicieuse de cette métrique. Le billet est le premier d'une série qui approfondira l'impact de diverses technologies sur le TTFB.

Cet article explique de manière vulgarisée ce qu'est un VPN (Virtual Private Network) et si son utilisation est vraiment nécessaire. Il commence par définir le VPN comme une technologie permettant de relier deux ordinateurs distants comme s'ils étaient sur le même réseau, souvent avec chiffrement pour des raisons de sécurité. L'auteur détaille ensuite les cas d'utilisation traditionnels des VPN, tels que la connexion de machines ou de réseaux distants. Il aborde également les arguments marketing des fournisseurs de VPN grand public, comme la sécurité, la protection de la vie privée et la délocalisation de l'adresse IP, tout en les analysant de manière critique. Enfin, il évalue différents scénarios pour déterminer si un VPN est vraiment utile, comme l'utilisation d'un WiFi public, la protection contre les pirates ou l'accès à des contenus géo-restreints. Un article complet et informatif pour comprendre les VPN et leurs véritables utilités.

Dans ce billet, Stephanie Booth partage ses réflexions sur les échecs quotidiens, notamment en matière de gestion de la maison, en s'inspirant des concepts de "failure modes" utilisés en ingénierie. Elle explique comment des petites choses, comme ne pas sortir les poubelles à temps ou manger trop tard, peuvent déclencher une spirale de désordre et de procrastination. En identifiant les causes concrètes de ces échecs, plutôt que de se juger moralement, elle propose des solutions pratiques pour améliorer la situation, comme réorganiser le rangement de la vaisselle ou faire la vaisselle le matin.

L'article propose 10 conseils pour maximiser ses chances d'être sélectionné·e lors d'un Call for Papers (CFP) pour des conférences. Il explique l'importance d'un titre clair et accrocheur, de la pertinence du sujet, et recommande de commencer par des formats courts comme les lightning talks. D'autres conseils incluent la préparation d'un résumé détaillé, l'adaptation du contenu au public, et la mise en avant de son expérience personnelle. L'article complète un épisode de podcast avec des conseils d'organisateur·rice·s.

L'article souligne l'importance de tester les instructions de son README comme le ferait un utilisateur. L'auteur recommande de suivre les étapes du README sur une machine virtuelle fraîchement installée pour identifier et corriger les problèmes de dépendances ou de configurations manquantes. Cela permet d'éviter des tickets d'erreurs répétitifs et de rendre le processus d'installation plus fluide pour les utilisateurs finaux. Une approche simple mais efficace pour améliorer l'expérience utilisateur de vos projets.

Cet article discute de l'utilisation de l'élément HTML <abbr> pour les abréviations et des problèmes d'accessibilité qu'il peut poser. Bien que <abbr> semble être la solution parfaite avec son attribut title, celui-ci se comporte de manière incohérente selon les navigateurs et les technologies d'assistance, rendant certaines informations inaccessibles à certains utilisateurs. L'article propose une solution simple et conforme aux WCAG : écrire l'abréviation suivie de sa signification entre parenthèses lors de sa première occurrence, puis utiliser uniquement l'abréviation par la suite. Cette méthode garantit une meilleure accessibilité sans nécessiter de modifications HTML complexes.