# Veille technologique [Source canonique]() ## [NocoDB : une interface tableur pour vos bases de données]() NocoDB propose une interface de type tableur pour gérer des tables, des vues et des accès sans écrire de code. Le projet réunit vues grille, galerie, formulaire, Kanban et calendrier, ainsi que des API REST et un SDK pour automatiser les échanges. Le déploiement s’adapte au contexte : Docker avec SQLite ou PostgreSQL, ou installation automatisée avec PostgreSQL, Redis, Traefik et renouvellement SSL. À noter pour une évaluation en production : le dépôt indique une licence Sustainable Use, et les binaires sont destinés aux tests locaux. 2026-10-28 · [Markdown]() · [Ressource originale]() ## [Tailwind CSS : un répertoire de composants, templates et outils]() All UtilityCSS rassemble des ressources Tailwind CSS gratuites et payantes, classées par type, usage et technologie. Le catalogue présente notamment des composants copiables, des templates, des starters Next.js et des outils de gestion des couleurs, dont plusieurs prennent en charge les formats OKLCH de Tailwind CSS v4. Le filtrage facilite la recherche de briques adaptées à un projet, mais le répertoire ne garantit pas à lui seul leur qualité ou leur accessibilité : la page conseille de vérifier ces points auprès de chaque ressource. 2026-10-28 · [Markdown]() · [Ressource originale]() ## [Fontastic Space : comparer les polices et leurs métriques]() Fontastic Space compare des Google Fonts côte à côte, avec superposition anatomique, métriques OpenType et scores de compatibilité. L’exemple Playfair Display + DM Sans met en regard hauteur d’x, hauteur des capitales et largeur des chaînes, puis propose des règles CSS prêtes à reprendre. Les scores s’appuient sur plusieurs cadres d’analyse typographique, mais restent un repère : l’outil permet aussi de vérifier visuellement le rendu dans un paragraphe ou une bannière avant de choisir une paire. 2026-10-28 · [Markdown]() · [Ressource originale]() ## [prompts.chat : prompts IA accessibles depuis les outils de développement]() prompts.chat rassemble des prompts communautaires compatibles avec ChatGPT, Claude, Gemini et d’autres assistants, ainsi qu’un livre interactif sur le prompt engineering. Le dépôt propose aussi une CLI, un plugin Claude Code et un serveur MCP pour utiliser les prompts depuis différents outils. Pour une équipe, le self-hosting permet de déployer une bibliothèque privée avec sa propre identité visuelle et une authentification configurée par l’assistant d’installation. Les exemples d’intégration vont de `npx prompts.chat` à une connexion MCP distante, sans imposer un seul mode d’accès. 2026-10-28 · [Markdown]() · [Ressource originale]() ## [Dessa : un modèle vocal qui apprend sans passer par le texte]() Contrairement aux systèmes vocaux qui convertissent la parole en texte avant de répondre, Dessa traite l’audio directement, de bout en bout. Entraîné uniquement sur des conversations humaines, ce modèle speech-to-speech fonctionne en full-duplex : il peut parler et écouter en même temps, couper la parole ou ponctuer l’échange de rires et d’acquiescements. Les démonstrations montrent aussi comment l’intonation et les pauses portent le sens. L’inférence serait plus rapide que le temps réel et l’exécution locale est annoncée sur MacBook Pro M4 Max ou supérieur. Cela reste un aperçu de recherche ; l’équipe invite des spécialistes de la sécurité de l’IA à évaluer les risques d’un modèle qui perçoit les émotions dans la voix. 2026-10-28 · [Markdown]() · [Ressource originale]() ## [Archify transforme une question en carte ou page HTML interactive]() Archify est un Agent Skill open source qui aide un agent IA à convertir une description, une question ou des éléments d’un repository en **diagramme interactif** ou en page synthétique avec conclusion et sources. Il prend en charge dix types de diagrammes, des architectures aux timelines, et produit un fichier HTML autonome, sans dépendance à l’exécution. Les cartes se parcourent et s’affinent en langage naturel, sans éditeur de diagrammes à apprendre. Pour les réponses en page, les sources peuvent être reliées à un commit précis ; le résultat s’exporte aussi en image longue ou en PDF. Le skill fonctionne avec Claude Code, Codex, Cursor, OpenCode et GitHub Copilot. 2026-10-27 · [Markdown]() · [Ressource originale]() ## [Fallback Font Generator : réduire le CLS des polices]() Cet outil ajuste une police système pour qu’elle ressemble davantage à la police de marque pendant le chargement. Il génère les règles `@font-face` nécessaires, notamment `size-adjust`, `ascent-override`, `descent-override` et `line-gap-override`, à partir d’un aperçu comparatif et de réglages visuels. L’approche cible le décalage de mise en page causé par les différences de métriques entre polices. Le CSS obtenu peut être copié dans le projet ; la page précise toutefois que l’outil n’est pas pris en charge par Safari. 2026-10-27 · [Markdown]() · [Ressource originale]() ## [React : rendre les états d’interface explicites à l’ère des agents]() Quand un agent modifie une interface, vérifier un seul compte ne suffit pas à couvrir les rôles, les offres ou les options activées. Matt Rothenberg montre comment les valeurs dispersées dans les hooks, providers et layouts peuvent masquer des états oubliés — comme un bouton Delete visible pour un utilisateur en lecture seule. En faisant de l’état d’affichage une entrée explicite des composants, les équipes peuvent rendre directement les combinaisons pertinentes, les tester ou les comparer dans une grille. Storybook et Playwright complètent cette démarche, mais ne choisissent pas les scénarios à couvrir : cette décision reste essentielle. 2026-10-27 · [Markdown]() · [Ressource originale]() ## [Interop 2027 : dix propositions CSS, de l’accessibilité aux animations]() Josh W. Comeau passe en revue dix propositions envisagées pour Interop 2027 : fonctions CSS, formes de bordure personnalisées, requêtes liées aux ancres et au défilement, ordre de lecture, animations de dimensions intrinsèques ou décorations de grille. Plusieurs répondent à des problèmes concrets, comme synchroniser la navigation au clavier avec une mise en page responsive via `reading-flow`, ou dessiner les séparateurs de grille sans cellules DOM vides. Ces propositions n’ont pas toutes le même degré de maturité. En octobre 2026, plusieurs sont disponibles dans Chromium, mais pas encore dans Firefox ni Safari ; `inherit()` n’est implémenté dans aucun navigateur. L’article montre où l’amélioration progressive est envisageable, avec des garde-fous comme `@supports` pour les transitions de 2026-10-27 · [Markdown]() · [Ressource originale]() ## [OGL : une bibliothèque WebGL minimale pour écrire ses shaders]() OGL réduit les abstractions au nécessaire pour créer des rendus WebGL et écrire ses propres shaders. Sans dépendances, cette bibliothèque en modules ES partage certaines conventions avec Three.js, mais offre moins de fonctionnalités et permet de recourir directement aux commandes WebGL natives. Le découpage entre Math, Core et Extras aide à composer une intégration légère ; le README indique 29 Ko minifiés et compressés pour l’ensemble, avant tree-shaking. Les exemples commentés couvrent aussi bien une scène avec caméra qu’un shader plein écran. Ce faible niveau d’abstraction facilite l’apprentissage et l’extension, au prix d’une prise en charge plus directe des détails WebGL. 2026-10-26 · [Markdown]() · [Ressource originale]() ## [Chums : piloter Claude Code et Codex depuis l’Apple Watch]() Chums relie une Apple Watch et un iPhone aux agents Claude Code ou Codex qui tournent sur un Mac. L’interface rend leur activité visible, affiche les appels d’outils et permet de répondre à une demande d’autorisation ou de dicter une consigne. Le hub Node.js reste sur le Mac, mais son API pour la montre passe par Tailscale Funnel et un token. Le projet est open source, sans compte Chums, mais l’installation exige de compiler les apps avec Xcode et de configurer plusieurs dépendances : un compromis entre contrôle local et mise en route plus exigeante. 2026-10-25 · [Markdown]() · [Ressource originale]() ## [Claude SEO : des audits SEO orchestrés dans Claude Code]() Claude SEO transforme Claude Code en outil d’audit SEO : des agents spécialisés examinent notamment l’indexation, les performances, le contenu, les données structurées et la visibilité dans les moteurs de recherche IA, puis produisent un plan d’action priorisé. Les rapports restent sur la machine, mais les pages analysées sont envoyées à Claude, comme pour les autres usages de Claude Code. Le dépôt met l’accent sur la fiabilité de l’outillage : vérifications automatisées, prise en charge de Python 3.11 à 3.14 et garde-fous contre les contenus web non fiables. Les extensions de données en temps réel restent facultatives ; les mesures Core Web Vitals sans API Google sont des estimations en laboratoire. 2026-10-24 · [Markdown]() · [Ressource originale]() ## [Clairic : extraire et estimer des données avec des sorties typées]() Cloudflare présente Clairic, un modèle d’extraction proposé en preview sur Workers AI. À partir d’un texte ou d’images, il renvoie des valeurs typées — dates, nombres, listes — et peut aussi calculer, estimer ou prévoir des valeurs, avec des scores de confiance et des intervalles pour les estimations. Les réponses restent bien formées, mais pas nécessairement exactes. L’API permet notamment de traiter plusieurs champs en parallèle et de renvoyer les extraits avec leurs positions dans la source. Cloudflare souligne toutefois les limites du checkpoint actuel : calculs à plusieurs étapes, données inconnues et prévisions détaillées demandent de la prudence. Les auteurs recommandent de réserver les calculs complexes au code et d’utiliser confiance et intervalles pour orienter les vérifications 2026-10-24 · [Markdown]() · [Ressource originale]() ## [CSS \`random()\` : doser l’imperfection dans les interfaces]() La fonction CSS `random()` ajoute des variations visuelles directement dans le navigateur, sans JavaScript ni boucles Sass. Brecht De Ruyte l’illustre avec des lettres légèrement inclinées, des cartes animées au scroll et des ombres adaptées à leur rotation. Pour garder une géométrie cohérente, une clé de cache peut synchroniser plusieurs propriétés, tandis que `sibling-index()` calcule la structure d’un éventail de cartes. Ces effets conviennent surtout aux éléments décoratifs : l’article déconseille de randomiser les grilles, les textes courants ou les cibles interactives. Le déploiement navigateur étant en cours, il recommande une base stable avec `@supports`, ainsi que le respect de `prefers-reduced-motion` et des besoins des lecteurs d’écran. 2026-10-23 · [Markdown]() · [Ressource originale]() ## [Next.js 16.4 : accélérer les navigations sans tout précharger]() Pour réduire les skeletons dans v0, l’équipe combine le Partial Prefetching de Next.js avec des règles de cache adaptées aux données publiques ou personnalisées. Les tests Playwright `instant()` vérifient que le contenu prioritaire est déjà disponible au clic, et restent comme garde-fous en CI. Le préchargement dépend aussi de l’intention : dans les grandes grilles, les détails ne sont chargés qu’au survol, au focus ou au toucher. Ce réglage répond à une hausse de 2,9× des requêtes de préchargement ; le bilan global rapporte des coûts quotidiens en baisse, sans attribuer cette évolution au seul refactoring. 2026-10-23 · [Markdown]() · [Ressource originale]() ## [Vercel Shop : accélérer un storefront Shopify avec Next.js]() Vercel Shop associe un storefront Next.js à Shopify, qui garde en charge le catalogue, les paiements et le checkout. Les Cache Components affichent rapidement les données produits puis diffusent le contenu personnalisé en streaming ; le panier, lui, se met à jour avant la réponse du serveur grâce à une UI optimiste. Le template ajoute des options pour les agents : un assistant d’achat activable au choix, des skills pour étendre la boutique et du Markdown servi via l’en-tête `Accept`. Une base concrète pour explorer ces parcours, tout en conservant Shopify comme moteur de commerce. 2026-10-23 · [Markdown]() · [Ressource originale]() ## [Astro 7.4 mesure les builds et affine le prerendering]() Astro 7.4 ajoute `astro build --timings`, qui ventile le temps passé dans le rendu des pages, les plugins Vite, le traitement Markdown et les images. L’exemple de la release montre comment ces mesures ont permis de repérer des requêtes réseau séquentielles et de réduire le temps de génération des pages de blog. La version sépare aussi les services d’images utilisés au build et à l’exécution, et ajoute `notFound()` pour les entrypoints composés manuellement. Le prerendering parallèle et les pages de redirection personnalisées restent **expérimentaux** ; le premier peut augmenter la consommation mémoire. À noter également : Astro requiert désormais Node.js 22.22.0 au minimum. 2026-10-23 · [Markdown]() · [Ressource originale]() ## [c15t 3 : un moteur de consentement pour huit frameworks]() c15t 3 refond sa gestion du consentement autour d’un moteur commun, décliné pour Next.js, React, Vue, Nuxt, Astro, Svelte, TanStack Start et les sites HTML. Les bannières peuvent être rendues dans le HTML serveur, tandis qu’un **manifest de consentement** évite d’attendre le backend à chaque requête ; les gains mesurés dépendent toutefois du mode de déploiement et du benchmark présenté par l’éditeur. La migration conserve les choix enregistrés en v2, mais introduit des **breaking changes** dans les API, les packages et le backend. Des codemods couvrent une partie du travail ; clients et backend doivent être mis à niveau ensemble. La version ajoute aussi des règles de politique plus strictement validées et un backend auto-hébergé compatible PostgreSQL, MySQL et SQLite. 2026-10-23 · [Markdown]() · [Ressource originale]() ## [React Bits 2.0 : composants animés et outils de création repensés]() React Bits 2.0 annonce 216 composants animés : 104 ont été reconstruits ou repensés, et plus de 20 ont supprimé des dépendances supplémentaires. Les démos ajoutent presets et interactions au clic, tandis que Background Studio, Shape Magic et Texture Lab ont été reconstruits pour ajuster des effets en direct et exporter leurs résultats. La mise à jour refond aussi la documentation et la page d’accueil, qui utiliserait environ cinq fois moins de JavaScript. Le catalogue facilite le prototypage d’interfaces expressives ; la variété des animations invite toutefois à évaluer leur coût et leurs dépendances avant de les intégrer à un produit. 2026-10-23 · [Markdown]() · [Ressource originale]() ## [Mutative : des mises à jour immuables sans spread]() Mutative permet d’écrire des mutations sur un draft pour produire un nouvel état immuable, sans recopier manuellement chaque niveau avec la syntaxe spread. La bibliothèque prend aussi en charge les tableaux, `Set` et `Map`, ainsi que les patches et le gel optionnel. Ses benchmarks annoncent une moyenne géométrique 3,6 fois plus rapide qu’Immer à réglages comparables, ou 6,6 fois avec les paramètres par défaut de chaque bibliothèque. Les mesures varient selon les workloads ; les reducers écrits à la main restent plus rapides dans la plupart des cas présentés. 2026-10-23 · [Markdown]() · [Ressource originale]() Page 4 / 22 [Précédent]() [Suivant]()