ThumbHash représente un aperçu d’image dans quelques données faciles à stocker avec le contenu. Il encode notamment le ratio et la transparence pour améliorer l’affichage avant le chargement de l’image complète.
Veille technologique
Page 19 sur 22
BlurHash transforme une image en une courte chaîne représentant un aperçu flouté. Le client peut l’afficher immédiatement pour éviter les cases vides pendant le téléchargement.
Ahmad Shadeed explore les situations où les enfants d’un conteneur doivent participer au layout de son parent. Les exemples expliquent l’intérêt de display: contents pour des compositions plus souples.
Ahmad Shadeed
L’article analyse les pièges de position: sticky lorsqu’un header doit cohabiter avec des éléments hauts comme le viewport. Il aide à comprendre les contraintes de conteneur qui rendent ces layouts fragiles.
https://www.smashingmagazine.com/author/philip-braunen/
Le guide utilise la sortie standalone de Next.js pour construire une image Docker et déployer l’application sur son propre serveur. Il détaille une option d’hébergement indépendante du runtime Vercel.
Kamran Tahir
Avokado présente un parcours de commande au restaurant déclenché par QR code ou App Clip. L’application illustre une expérience mobile qui réduit les étapes d’installation avant une commande.
LogTape permet aux bibliothèques de produire des logs sans imposer leur configuration aux applications. Sans dépendances, il prend en charge Node.js, Deno, Bun, les navigateurs et les fonctions edge.
Maska applique des masques aux champs de saisie ou à de simples chaînes. La bibliothèque fonctionne en JavaScript et propose des intégrations Vue, Svelte et Alpine.js.
Penpot propose une plateforme de design open source avec prototypes, composants partagés et design tokens. Ses layouts basés sur Grid et Flex facilitent les échanges entre designers et développeurs.
Ce guide décrit le monorepo Docmost, avec un frontend React et un backend NestJS. Il détaille les dépendances et les étapes de configuration pour contribuer ou adapter l’application localement.
L’article combine Comlink et TanStack Query pour piloter des calculs dans un Web Worker. L’exemple montre comment préserver la réactivité de l’interface pendant un traitement coûteux.
https://johnnyreilly.com/about
NLUX fournit des composants conversationnels pour connecter une application web à des LLM. Le projet propose des intégrations React, Next.js et JavaScript ainsi qu’un outil de démarrage en CLI.
ToolEN
SEO Spider : comparer les fonctions de crawl gratuites et sous licence
screamingfrog.co.ukPermalien
Cette page compare les éditions de Screaming Frog SEO Spider : liens cassés, métadonnées, hreflang et sitemaps. Elle aide à déterminer les fonctions nécessaires à un audit et les limites de crawl associées.
Namviek propose les fonctions essentielles de gestion de projet pour des équipes de développement. Le dépôt présente une option auto-hébergée et des démonstrations pour évaluer le produit.
T3 Env valide la configuration avec un schéma et sépare les variables serveur des variables client. Cette approche rend les oublis de configuration plus visibles et limite les expositions accidentelles côté navigateur.
Cette page réunit les informations de programmation du Cloud Summit. Elle permet de suivre les sessions proposées par les équipes Microsoft et les praticiens lorsque le programme est disponible.
OtherEN
WeAreDevelopers : explorer conférences, ateliers et retours d’expérience
wearedevelopers.comPermalien
Le site du World Congress rassemble la programmation d’un événement destiné aux développeurs et responsables techniques. Les conférences couvrent notamment l’ingénierie logicielle et les usages de l’IA.
L’article aborde la lecture des différences de manifests avant un déploiement GitOps. Il aide à comprendre l’effet concret d’une modification Kubernetes au-delà de sa seule validité syntaxique.
Le guide compare les limites de kubectl exec aux possibilités de kubectl debug. Il présente aussi superdebug pour les situations nécessitant des montages de volumes pendant le diagnostic.
Jonathan Merlevede
Cette extension Directus génère des définitions TypeScript, des annotations Python ou une spécification OpenAPI. Elle aide à garder les contrats du code alignés sur le modèle de données du CMS.