Sébastien Rigaux

Veille technologique

Page 6 sur 22

Aperçu de Navbar Gallery, collection de designs de barres de navigation

Navbar Gallery propose une sélection organisée de barres de navigation issues de sites web variés, couvrant des modèles statiques, dropdown, mega menus, sidebars, barres de recherche et annonces. Chaque exemple est consultable par type et renvoie vers le site source, facilitant la veille ou l’inspiration pour concevoir une navigation adaptée à différents contextes d’interface. Une ressource utile pour comparer rapidement des patterns concrets sans se perdre dans des galeries généralistes.

Christina Liubynska

Aperçu de la galerie Footer Design

Footer Design propose une galerie organisée de pieds de page de sites web issus de projets variés, avec un tri par style et type. Cette ressource permet de parcourir rapidement des exemples concrets pour s’inspirer lors de la conception ou de la refonte d’interfaces. On y trouve des approches typographiques, illustrées, en grille ou animées, utiles pour enrichir sa veille UI/UX.

Footer Design

Aperçu de la bibliothèque de styles de sites web sur Refero Styles

Refero Styles propose une collection consultable de plus de 2 000 design systems issus de sites produits reconnus, chacun accompagné d’un fichier DESIGN.md lisible par des IA comme Cursor, Claude ou ChatGPT. L’outil permet d’examiner couleurs, typographies, espacements et composants, puis de réutiliser ces styles dans ses propres projets ou prompts IA. Une ressource concrète pour donner du contexte visuel à un assistant ou accélérer la conception d’interfaces inspirées de références du marché.

Refero

Supahero propose une collection organisée de sections hero issues de sites web variés, illustrant des approches de design attractives pour l’en-tête d’une page. Chaque exemple met en avant la diversité des styles, des animations et des compositions, facilitant l’inspiration ou la veille pour la conception d’interfaces. L’absence de filtres avancés limite la recherche, mais la navigation rapide permet d’explorer de nombreux cas concrets.

Aperçu de la collection d’icônes 3D de 3dicons.co

3dicons.co propose plus de 1400 icônes 3D en open source, utilisables sans attribution pour des projets personnels ou commerciaux. L’interface permet de personnaliser la couleur, l’angle et de télécharger chaque icône individuellement ou en lot, avec des collections thématiques et une intégration Figma. La licence CC0 facilite l’intégration dans tout type d’application ou de design system.

realvjy

Affiche de la sortie stable de TanStack Start 1.0

TanStack Start 1.0 officialise un framework full-stack stable, déjà éprouvé en production, qui combine le routage SPA, le rendu serveur, le streaming et des fonctions serveur typées pour React et Solid. L’accent est mis sur la sécurité de typage de bout en bout : les paramètres de routes, les loaders et les fonctions serveur sont tous typés, ce qui facilite la maintenance et l’évolution, même pour les agents IA. Le support de React Server Components est optionnel, et le déploiement s’appuie sur Vite, Nitro ou Rsbuild, sans imposer une architecture unique.

Tanner Linsley

Illustration de la documentation des composants Shaders : effets WebGPU pour React, Vue, Svelte, Solid et JavaScript.

Cette documentation présente plus de 190 composants graphiques prêts à l’emploi pour intégrer des effets WebGPU dans React, Vue, Svelte, Solid et JavaScript natif. Les composants couvrent une large palette : textures, formes, matériaux, filtres, distorsions, transitions, flous, ajustements et effets interactifs, chacun avec une description concrète de son rendu et de ses paramètres. Une ressource à explorer pour enrichir rapidement une interface avec des effets visuels avancés sans écrire de shader bas-niveau.

Shaders

Illustration Void Cloudflare Blog — déploiement d’applications Vite full-stack avec Void

Cloudflare présente Void, une plateforme open source qui réunit un SDK, une CLI et un environnement d’hébergement pour déployer des applications Vite full-stack sur Cloudflare. Le workflow unifié permet de gérer routes serveur, base de données, authentification et provisioning Cloudflare sans configuration manuelle, avec une CLI qui automatise le déploiement et la gestion des ressources. L’approche vise à accélérer la création d’applications internes ou prototypes, tout en gardant le contrôle sur les accès et la sécurité, et s’intègre avec les principaux frameworks JavaScript modernes.

Christoph Nakazawa et Michael Dong

Illustration de l'article TanStack Charts 1.0

TanStack Charts 1.0 propose une approche composable des graphiques, inspirée de la Grammar of Graphics, avec un cœur agnostique et un adaptateur React. L’article détaille comment chaque élément du graphique (ligne, point, barre) devient un composant réutilisable, permettant d’étendre ou de personnaliser facilement les visualisations au fil des besoins. La stabilité de l’API et la granularité des imports facilitent l’intégration dans des applications évolutives sans sacrifier la taille du bundle ni la sécurité de typage.

Tanner Linsley

Illustration de l’article sur l’API browser() de React sur certificates.dev

React Canary introduit l’API browser() pour rendre un composant exclusivement dans le navigateur, sans risque de mismatch à l’hydratation ni effet de montage supplémentaire. L’article montre comment placer use(browser()) dans un composant client, entouré d’une Suspense, pour différer son rendu jusqu’à ce que les APIs du navigateur soient disponibles. Plusieurs exemples concrets illustrent l’intérêt de cette approche pour accéder à localStorage, au DOM ou à des données spécifiques à l’utilisateur, tout en évitant les contournements habituels avec useEffect ou des vérifications de l’environnement.

Aurora Scharff

Illustration de l’annonce Next.js 16.4 avec logo Next.js sur fond sombre

Next.js 16.4 recommande désormais l’utilisation des Cache Components, activés par défaut sur les nouveaux projets via create-next-app. Ce modèle permet de déclarer précisément le cache au niveau des composants, avec des API pour contrôler le comportement statique ou dynamique des pages et affiner le préchargement. La version apporte aussi des outils d’agent pour faciliter la migration, des optimisations sur Turbopack (taille du cache, HMR, bundles plus petits), la prise en charge de React 19.3 et plusieurs fonctionnalités expérimentales pour le build et le développement.

Next.js Team

Documentation

Ajouter un flux RSS à un site Astro avec @astrojs/rss

docs.astro.buildPermalien
Ajouter un flux RSS – Astro documentation

Ce guide explique comment ajouter rapidement un flux RSS à un site Astro grâce au module officiel @astrojs/rss. Il détaille l'installation, la configuration et l'intégration du flux RSS pour les blogs et sites de contenu, en couvrant la génération automatique des items, l'inclusion du contenu complet, la gestion des liens, l'ajout d'une feuille de style et l'activation de la découverte automatique. Idéal pour permettre à vos lecteurs de s'abonner facilement à vos articles via leur lecteur RSS.

Docs

Logo .NET 11

Cette page officielle Microsoft Learn présente un tour d’horizon complet des nouveautés de .NET 11, actuellement en version candidate. Elle détaille les évolutions du runtime (performances, Async natif, JIT, WebAssembly), des bibliothèques (API numériques, compression, System.Text.Json, sécurité, LINQ, etc.), du SDK (outils CLI, tests, conteneurs, OpenTelemetry) et du langage C# 15. Les développeurs y trouveront un résumé des principales avancées, des liens vers les nouveautés ASP.NET Core, EF Core, Windows Forms et WPF, ainsi que les dates clés de publication. Idéal pour anticiper la migration ou explorer les nouvelles possibilités de la plateforme .NET.

gewarren

Illustration de l'annonce de Vinext 1.0 sur le blog Cloudflare

Cloudflare lance Vinext 1.0, une réimplémentation de Next.js basée sur Vite, qui promet plus de 99 % de compatibilité avec la suite de tests officielle (hors Cache Components). Vinext prend en charge App Router et Pages Router, propose une migration en deux commandes et introduit un mécanisme de cache warming déporté sur le réseau Cloudflare pour optimiser la pré-génération des pages. Le projet s’appuie sur une automatisation poussée pour suivre l’évolution rapide de Next.js et maintenir la compatibilité, tout en assumant des choix différents sur l’ISR et la gestion du cache.

James Anderson et Matt “TK” Taylor

Prompt Motion: explore AI-generated motion examples

Prompt Motion est une galerie de vidéos de mouvement accompagnées des prompts et des skills utilisés pour les produire avec Claude Opus 5.5. On peut parcourir des exemples par familles — interface produit, graphiques, typographie ou particules — puis adapter les prompts à un projet, ce qui en fait une source d’expérimentation pour le motion design assisté par IA.

@p4nthera_

Open-source React blocks for building admin apps

Sh​​adcn Admin Kit fournit des blocs open source pour créer des outils internes, tableaux de bord et applications B2B en React. Il préconfigure notamment tables de données, formulaires, authentification, recherche et internationalisation, avec des capacités avancées comme le CRUD généré, les permissions, les actions groupées et l’annulation.

uniTerm rassemble plus de 30 protocoles dans un terminal multiplateforme : SSH, RDP, SFTP, bases de données et Kubernetes, entre autres. Le dépôt décrit aussi un agent IA capable de planifier et d’exécuter des commandes sur plusieurs tours, ainsi que des parcours combinant connexion distante, terminal et transfert de fichiers.

ys-ll