J'ai challengé Claude sur la sémantique d'un landmark
J'ai demandé à Claude (Sonnet 5.5) de challenger. Il l'a fait, puis il a surtout montré comment une IA transforme une préférence en règle, sans prévenir.
Les petits articles de Kortic #1
Qu'est-ce qu'on peut trouver ici ?
Des réflexions aussi personnelles qu'inutiles, mais surtout des propositions complètes et accessibles pour des petits quotidiens en développement web.
Aucune solution parfaite, juste des idées à adapter…
Tester et contrôler le zoom texte et le responsive avec une extension Firefox
Contrôler le texte agrandi à 200% et une fenêtre de 1366x768 pendant un audit prend plusieurs manipulations. C'est pénible. Solution simple avec cette extension.
Canvas, CanvasText et compagnie : les couleurs (oubliées) système, du texte au SVG
color-scheme et prefers-color-scheme sont deux mécanismes différents, souvent confondus. Comprendre la différence ouvre la porte aux couleurs système CSS (CanvasText, Canvas, Highlight...), utilisables aussi bien sur du texte de contenu que sur les SVG.
J'ai demandé à Claude de me parler des articles sur le départ de Jacob Coxon d'Anthropic
Ancien d'OpenAI et d'Anthropic, Jacob Coxon annonce son départ d'Anthropic en se positionnant comme lanceur d'alerte.
Entre crainte réelle et coup de pub ?
Piéger les (bad) bots avec un honeypot et robots.txt
Piégez les robots malveillants qui scannent votre robots.txt à la recherche de cibles « protégées » : leurre Disallow, RewriteRule et .htaccess
J'ai demandé à Claude si l'intelligence artificielle nous faisait perdre notre capacité à réfléchir
Question sur l'atrophie de la réflexion par délégation systématique. L'IA Claude analyse pourquoi le « fais pour moi » n'a rien d'un accident.
Accordions HTML natifs et accessibles avec details et summary
Les balises details/summary couvrent le pattern disclosure sans une ligne de Javascript. Mais côté acessibilité, on peut améliorer la navigation.
J'ai demandé à Claude « Que penses-tu de ta Politique de confidentialité ? »
Anthropic informe par mail de la mise à jour de sa Politique de confidentialité à compter du 8 juillet 2026.
Qu'en dit Claude ?
J'ai demandé à Claude de synthétiser l'avertissement de Dario Amodei sur les risques de l'IA
L'humanité traverse une adolescence technologique : Dario Amodei cartographie les risques de l'IA puissante et esquisse un plan d'action.
Carte des régions et départements de France (Métropole et DROM)
Construire un SVG interactif et accessible ? Oui, c'est possible, avec un peu de Javascript, une organisation carrée.
Exemple avec une carte des régions et départements de France.
WTFetch : fetch piloté depuis le DOM, en 200 lignes, accessibilité native incluse
htmx est excellent si on en exploite vraiment la surface. Pour les patterns courants, load, scroll, clic, WTFetch fait le job en beaucoup plus léger, sans dépendance.
Accessibilité en plus.
Génération d'images placeholder en PHP - WebP et AVIF
Une classe PHP autonome pour générer des images placeholder colorées en WebP ou AVIF, sans dépendance externe, sans petits chats ni paysages bucoliques.
Et au passage un serveur utilisable directement…
Integration et optimisation des SVG (images vectorielles) en CSS et HTML
Pictogrammes, logos, images composites : le SVG s'est imposé comme standard. Mais entre le fichier unitaire, le sprite « symbol », l'inline et l'usage en CSS via « mask » ou « background-image », chaque méthode répond à des contraintes différentes de performance, d'accessibilité et de maintenabilité. Tour d'horizon.