Ce qui a changé

Dans les cartes de l'index des études de cas, les options de ligne de commande comme --dry-run ou --check ne sont plus coupées en deux au trait d'union sur un écran étroit : elles restent sur une seule ligne et se lisent d'un coup.

Sur les pages avec un diagramme d'architecture, la touche Tab ne s'arrête plus qu'une seule fois par diagramme (sur le bouton « Agrandir », qui ouvre le diagramme en grand) au lieu de deux.

Sur la page hermes-agent, le tableau de comparaison se lit mieux à 320 px : il prend plus de place sur l'écran et sa première colonne reste affichée quand on le fait défiler de côté. Les tableaux de l'étude de cas aetherwx-encyclopedia ont maintenant un cadre qui montre qu'ils défilent. Les blocs de code et les tableaux qui défilent s'atteignent au clavier (Tab), avec un nom lu par les lecteurs d'écran. Dans la page Nouveautés, chaque capture est décrite par le texte écrit pour elle, et les descriptions des cartes de l'index des études de cas n'affichent plus d'accents graves bruts autour des commandes.

Sur téléphone, l'étude de cas maritime-atlas se laissait faire glisser de côté : des noms de fichiers et des commandes plus larges que l'écran élargissaient toute la page. Ces passages se coupent maintenant à la ligne, les tableaux et les blocs de commandes défilent seuls dans leur cadre, et il en va de même pour les autres études de cas. Un test vérifie désormais, à 320 et à 390 px, qu'aucune étude de cas ne déborde.

Les en-têtes de page, avec leur sur-titre et leur chapeau, se lisent maintenant bien sur l'image de fond. Le contraste atteint au moins 4,5:1 (niveau AA des règles d'accessibilité WCAG), mesuré à six largeurs, de 320 à 1920 px, et en faisant défiler la page. Cela vaut pour les pages qui utilisent cet en-tête (À propos, Démarrer, les études de cas, etc.) ainsi que pour Nouveautés et Plan de travail ; la page d'accueil, qui a son propre en-tête, n'est pas concernée.

La barre du haut s'allège, et la page Nouveautés devient plus pratique.

• Learning et Vidéos sont regroupés sous un bouton Ressources. Nouveautés reste toujours visible, avec sa pastille.
• La barre s'affiche dès 1024 px de large, et le menu prend le relais quand le texte du navigateur est agrandi : plus rien ne déborde.
• Plan de travail et À propos sont en bas de chaque page et dans le menu du téléphone.
• La pastille des nouveautés non vues s'affiche maintenant même si vous n'avez jamais ouvert la page : elle compte ce qui paraît après votre première visite du site.
• Chaque nouveauté a un bouton Copier le lien ; le titre n'est plus un lien.

Une nouvelle page, Plan de travail, montre où en est le site : les travaux en cours, ceux qui sont prévus et ceux qui viennent d'être livrés.

• Vous la trouvez en bas de chaque page, à côté de Nouveautés et À propos, dans le menu au téléphone, et dans l'encart Suivre le site de la page d'accueil.
• Chaque travail est décrit en une ligne, sans jargon ; un travail livré porte sa date.
• La page est remise à jour à chaque publication du site.

Une page Nouveautés raconte ce qui change sur le site, la nouveauté la plus récente en haut, avec des captures d'écran. On la trouve dans la barre de navigation, dans le menu du téléphone et dans le pied de page.

Une capture s'agrandit au clic ou avec la touche Entrée. Au téléphone, elle garde une taille lisible et se fait défiler avec le doigt ; le bouton Fermer reste toujours visible.

Chaque nouveauté a un bouton Copier le lien : il copie l'adresse qui mène directement à cette nouveauté, pour la partager.

Après votre première visite du site, une pastille sur le lien Nouveautés compte ce qui est paru depuis. Sur la page, une ligne indique combien de nouveautés sont apparues, les nouvelles portent la marque Nouveau, et un trait « Déjà vu lors de votre visite du … » les sépare de celles que vous aviez déjà lues.

Sur un écran de moins de 1024 px de large, la navigation passe dans le menu, qui ne déborde plus de l'écran.

La page d'accueil dit maintenant qui a fait le site : Sylvain Ladoire, développeur Java/web senior, et les 8 applications construites avec Claude Code puis déployées sur Kubernetes + GitOps.

Trois boutons pour démarrer : Démarrer pour les débutants, Voir les projets pour aller droit aux études de cas, et GitHub pour le profil de l'auteur, qui sert aussi à le contacter. La page À propos gagne la même présentation de l'auteur, avec ce lien GitHub.

Le sommaire tient en deux colonnes, Apprendre et Ce que j'ai construit. La seconde donne accès directement aux trois guides Kubernetes, ArgoCD et Cloudflare, qu'on ne trouvait jusqu'ici que dans le menu Guides. Au téléphone, les deux colonnes s'empilent.

Les textes se lisent mieux sur l'image de fond : cartes, barre de navigation et pied de page ont un fond plein. Au clavier, la touche Échap ferme le menu Guides et le menu du téléphone, et un lien « Aller au contenu » apparaît à la première tabulation. Après un changement de page, la tabulation reprend au début du contenu.

Les chiffres d'économie de tokens de RTK quittent l'accueil pour la page Case studies. Ils sont présentés comme un relevé du 08/05/2026, au format français (23,0 %, 3,3 M), et non plus comme un compteur en direct.