L'article explore les écarts entre ce que les lecteurs d'écran annoncent et ce qui est visuellement affiché à l'écran, en utilisant des burritos comme métaphore. Il souligne que les emojis et autres éléments visuels peuvent induire en erreur les utilisateurs de lecteurs d'écran, comme dans l'exemple d'un emoji de burrito dans un titre de sandwich. L'auteur fournit des tableaux comparatifs montrant comment les lecteurs d'écran populaires (JAWS, NVDA, VoiceOver) annoncent différents éléments HTML, et discute des éléments que le HTML fournit par défaut et ceux qui nécessitent des ajouts pour des annonces significatives. L'article encourage à mieux documenter et enregistrer les exigences des lecteurs d'écran pour combler les lacunes entre la conception et le code.
Cet article explique comment utiliser les titres pour structurer clairement une page web, améliorant ainsi la compréhension pour tous les utilisateurs, y compris ceux utilisant des technologies d'assistance. L'article aborde trois problèmes courants : utiliser des titres pour du texte non structurel, ne pas utiliser de titres pour du texte structurel, et un ordre de titres incohérent. Les solutions proposées incluent l'utilisation appropriée de HTML et CSS pour garantir une sémantique et une hiérarchie correctes des titres.
L'article explore les différentes techniques HTML pour gérer les sauts de ligne et les ruptures de mots. Il détaille l'utilisation de la balise <br> pour les sauts de ligne, <wbr> pour les opportunités de rupture de mots, ­ pour les tirets mous et pour les espaces insécables. L'auteur explique quand et comment utiliser ces éléments, tout en soulignant leurs limites et alternatives. Un guide pratique pour mieux maîtriser la mise en page du texte en HTML.
Cet article explique que les web feeds, souvent appelés "RSS", permettent de syndiquer du contenu web via des formats comme RSS, Atom ou JSON. Les feeds sont utilisés par des lecteurs de flux pour agrégater et présenter le contenu de manière lisible. L'article souligne également l'importance de l'autodécouverte des flux, qui permet aux utilisateurs d'ajouter facilement des sites à leur lecteur de flux sans connaître les détails techniques. Un exemple de mise en œuvre de l'autodécouverte est fourni.
Richard Dern explore les environnements de développement basés sur le web, cherchant une solution native à NixOS qui ne limite pas ses capacités quotidiennes. Il retrace l'histoire des IDE, des éditeurs de code en mode console comme vi et Emacs, aux environnements intégrés modernes. Son parcours, similaire à celui de la recherche d'un émulateur de terminal, aboutit à une solution pérenne mais avec quelques compromis, tout en notant l'évolution constante des alternatives.
Ce billet explique comment configurer des domaines personnalisés avec SSL dynamique pour une application multi-tenant utilisant Coolify et Traefik. L'auteur, Hugo Lassiège, détaille les étapes pour rediriger le trafic via des enregistrements DNS (CNAME, ALIAS, ou A) et configurer Traefik pour gérer les certificats SSL pour ces domaines personnalisés, en évitant de redémarrer l'application et en permettant une gestion programmatique.
Hugo Lassiège y explore les impacts concrets de l’IA sur les agences tech et PME en 2025, à travers des retours de CTO et responsables. L’IA a révolutionné leur fonctionnement : facturation à la valeur plutôt qu’au temps, réduction des risques, mais aussi goulots d’étranglement côté clients et difficulté à recruter des juniors, faute de recul suffisant pour collaborer avec ces outils. Son adoption divise : entre contraintes écologiques (l’IA consomme moins qu’un humain pour une tâche équivalente), perte de sens pour certains développeurs, et pression performance pour ceux qui la rejettent. Malgré les craintes d’une bulle (comparée à l’éclatement de 2000), l’IA semble durable, notamment dans la niche du développement. Enfin, son omniprésence dans les discours et pitchs commence à lasser, créant un paradoxe entre nécessité et saturation. Un état des lieux terrain, entre opportunités et défis humains.
Ce billet de blog explique comment implémenter un captcha sans suivi avec Atcha et Nuxt. L'auteur, Hugo Lassiège, décrit les problèmes rencontrés avec des inscriptions automatisées sur son formulaire de contact et la nécessité d'ajouter un captcha pour les bloquer. Il explore les solutions existantes, notamment Nuxt Turnstile, qui repose sur Cloudflare, et présente Atcha, une alternative open source. L'article détaille le fonctionnement des captchas de nouvelle génération, qui utilisent des techniques comme la preuve d'espace et le fingerprinting pour détecter les bots, tout en soulevant des questions sur la conformité avec le RGPD.
Hugo Lassiège partage sa stack technologique préférée pour construire des applications SAAS en 2025, basée sur son expérience depuis 2001. Il utilise un Tech Radar pour classer les technologies en trois catégories : LOVE, OKish et Meh. Pour le frontend, il privilégie Vue.js et Nuxt.js pour leur productivité et leur capacité à faire du SSR, améliorant ainsi le SEO. Il met à disposition son Tech Radar sur son blog, qui sera régulièrement mis à jour.
Ploum explore dans cet article la transformation des canaux de communication en réseaux de distribution de contenu, soulignant que nous sommes de plus en plus divertis mais de moins en moins connectés. Il discute des divergences d'opinions sur le protocole ActivityPub, utilisé par le Fediverse, entre ceux qui le voient comme un outil de communication et ceux qui le considèrent comme un moyen de consommation de contenu. L'auteur critique l'idée de multiplier les comptes sur différentes plateformes, une pratique qu'il juge contraire à l'esprit de la fédération et de l'interopérabilité. Il conclut que les réseaux sociaux ne sont pas des réseaux de communication, mais des plateformes de divertissement. Il encourage tous ceux qui préfèrent les technologies ennuyeuses comme l'email ou les flux RSS à continuer à communiquer à travers elles plutôt qu'avec les réseaux sociaux.
L'auteur partage sa stratégie pour concevoir des mises en page avec CSS, en insistant sur l'importance de partir du contenu plutôt que d'un conteneur prédéfini. Il explique comment choisir la grille adaptée (12 colonnes, grille composée, modulaire, ou aucune) en fonction des besoins du projet, et comment définir et réutiliser ces grilles de manière cohérente à travers un site. Il utilise des attributs de données pour nommer et réutiliser rapidement des arrangements d'éléments enfants, favorisant ainsi une approche systématique et efficace.
Ce tutoriel explique comment signaler les IP malveillantes détectées par Cloudflare à AbuseIPDB en utilisant un script Python. L'auteur décrit comment récupérer les données du pare-feu Cloudflare via une API GraphQL, analyser les événements par adresse IP, vérifier leur statut sur AbuseIPDB et les signaler. Le script, d'environ 700 lignes, utilise GitHub Copilot et nécessite des tokens API pour Cloudflare et AbuseIPDB. Il permet de générer des rapports d'analyse et de dénoncer automatiquement les IP malveillantes.
Scott H Young partage ses stratégies pour lire un livre par semaine, même en lisant lentement. Il suggère d'avoir toujours un livre à portée de main, de diversifier les formats (livre papier, audio, e-book), de ne pas finir les livres qui ne vous intéressent plus, de supprimer les réseaux sociaux de son téléphone, de lire avant de dormir, de créer une "antilibrary" (une bibliothèque de livres non lus mais souhaités) et de concevoir des projets de lecture thématiques. Ces astuces permettent d'augmenter sa consommation de livres et d'améliorer ses connaissances et sa motivation.
Cet article souligne l'importance cruciale des tests dans le développement logiciel. Il argue que les tests ne sont pas une activité annexe, mais une partie intégrante de l'ingénierie logicielle. Les tests améliorent la conception du code, donnent confiance pour apporter des modifications, et facilitent la collaboration en révélant des cas limites et des exigences cachées. En intégrant les tests dès le début du processus de développement, les développeurs peuvent concevoir un logiciel de meilleure qualité, effectuer des changements avec moins de stress et découvrir des exigences cachées avant qu'elles ne deviennent des obstacles.
Cet article explore comment conduire le changement vers une Clean Architecture au sein d'une équipe de développement. Il aborde les aspects humains et organisationnels, complémentaires aux aspects techniques traités dans un précédent article. L'auteur partage son expérience en tant que lead développeur, soulignant l'importance de l'adhésion de l'équipe, de la pédagogie, et de la création d'un environnement de confiance pour réussir une telle refonte. Il insiste sur l'importance de lever les incompréhensions et d'encourager l'expérimentation pour ancrer progressivement les concepts. Un article précieux pour ceux qui souhaitent transformer une base de code existante en un terrain d'apprentissage collectif autour de la Clean Architecture.
Addy Osmani partage 21 leçons tirées de ses 14 années chez Google, axées sur les compétences humaines et organisationnelles plutôt que sur les technologies. Parmi ces leçons, il souligne l'importance de se concentrer sur les problèmes des utilisateurs, de collaborer plutôt que d'avoir toujours raison, de privilégier l'action et le partage rapide, de privilégier la clarté à la complexité, et de limiter l'innovation aux cas où elle est vraiment nécessaire. Ces conseils visent à aider les ingénieurs à naviguer efficacement dans leur carrière et leurs projets.
Steve Huynh explique dans cet article pourquoi il est crucial de ne pas confondre son emploi avec sa carrière. Il souligne que se concentrer uniquement sur les tâches quotidiennes (85% du temps) sans consacrer du temps à la stratégie (15%) peut freiner la croissance professionnelle. Il recommande de réallouer une partie de son temps pour travailler sur des projets à long terme, comme développer des compétences (Multiplicateurs), créer des opportunités (Optionnalité) ou planifier des paris audacieux (Big Bets). Cette approche permet de transformer son travail quotidien en croissance de carrière sans nécessairement augmenter sa charge de travail.
Cet article explore ce qui distingue réellement un ingénieur senior des autres. Au-delà des compétences techniques et des années d'expérience, la capacité à réduire l'ambiguïté est la clé. Les ingénieurs seniors excellent dans la transformation de problèmes flous en projets concrets, en posant les bonnes questions, en identifiant les priorités et en anticipant les risques. Cette compétence est cruciale pour le succès des projets et justifie souvent leur salaire. Malheureusement, les processus de recrutement actuels, axés sur les technologies et les exercices techniques, ne mesurent pas toujours cette aptitude. L'article encourage les ingénieurs à pratiquer cette compétence en prenant en charge les tickets vagues et en clarifiant les problèmes avant de les résoudre.
Cet article explore les considérations d'accessibilité pour les formules mathématiques sur le web, soulignant l'importance d'une lecture correcte par les lecteurs d'écran. L'article met en avant MathML comme l'une des meilleures options pour représenter les formules, grâce à sa syntaxe dédiée, son bon support par les lecteurs d'écran et son indépendance vis-à-vis de JavaScript. Il compare différentes approches, comme TeX/LaTeX, Unicode math, et les images, en montrant que MathML offre une sémantique claire et une intégration native dans le DOM. L'article aborde également les variations de support des lecteurs d'écran, comme VoiceOver, JAWS et NVDA, et illustre ces concepts avec l'exemple du théorème de Pythagore et une preuve mathématique plus complexe.
L'article explique les particularités de l'utilisation de HTML dans les ePubs, le standard W3C pour les livres électroniques. Contrairement aux sites web, les ePubs utilisent XHTML, une version plus stricte de HTML basée sur XML, ce qui impose des règles syntaxiques rigoureuses et des particularités comme l'utilisation de namespaces. Le CSS reste globalement similaire, mais avec des limitations dues aux capacités réduites des liseuses. L'article explore également les extensions XML possibles, comme MathML, et les défis spécifiques liés à la création de contenus pour ePubs.