Les actualités du Lundi 28 juillet 2025 dans les métiers du web - Marmits.com - Reims
Entre la simplification des démarches administratives et la montée en puissance du travail nomade, la domiciliation d’entreprise a changé de visage. Fini les longues files d’attente et les contrats opaques : place aux solutions digitales, instantanées, conçues pour s’adapter aux besoins des entrepreneurs. Dans ce contexte, certaines plateformes sortent du lot. Les Tricolores, une solution …
L’article Les Tricolores : la référence de la domiciliation en ligne est apparu en premier sur FRENCHWEB.FR.
Spatzi est un outil en ligne interactif conçu pour aider les designers et développeurs à créer des palettes de couleurs accessibles.
Il permet de vérifier les ratios de contraste selon les normes WCAG (Web Content Accessibility Guidelines) et APCA (Accessible Perceptual Contrast Algorithm), et d'explorer des variations de couleurs en utilisant l'espace colorimétrique OKLCH (Luminance, Chroma, Hue).
Fonctionnalités principales
- â¹ï¸ Informations d'accessibilité : obtenez les taux de contraste entre la couleur de fond et la couleur de texte selon les normes WCAG 2.1 et APCA.
- ð¨ Aperçu en direct : visualisation directe du rendu texte/fond selon les combinaisons choisies.
- ðï¸ Exemples d'application en temps réel : une démonstration (recette de cuisine) montre comment vos couleurs s'appliquent sur du texte de différentes tailles et des éléments graphiques, avec des indicateurs visuels de conformité (â /â).
- ð¯ Couleur proche accessible : trouve automatiquement la couleur la plus proche qui respecte les seuils d'accessibilité WCAG (4.5:1) ou APCA (60) selon le mode sélectionné
- âï¸ Guides d’accessibilité intégrés : indications sur les seuils requis pour AA, AAA ou APCA lisibilité renforcée.
- ↔ï¸ Échange de couleurs : bouton de permutation pour échanger instantanément la couleur de fond et la couleur de texte.
- 𧽠Réinitialiser : remet les couleurs à leurs valeurs par défaut
- â ï¸ Un avertissement "(sRGB la plus proche)" apparaît si une couleur OKLCH choisie ou générée est en dehors du champ sRGB. La valeur HEX affichée correspond alors à la couleur sRGB la plus proche.
ð Pour qui ?
Cet outil est destiné à toute personne travaillant dans le Web et concernée par l'accessibilité de ses interfaces :
- Designers UX/UI soucieux de l’accessibilité.
- Développeurs front-end cherchant à valider ou ajuster leurs combinaisons de couleurs.
- Formateurs en accessibilité numérique.
Comment utiliser cet outil ?
- Sélectionnez vos couleurs de base : Sélectionnez une couleur de fond et une couleur de texte à l'aide des sélecteurs de couleur ou en saisissant directement les valeurs (formats acceptés : mots-clés CSS, OKLCH, HEX, RGB, HSL)
- Observez la boîte de couleur : Vérifiez les informations de couleur et les ratios de contraste.
- Explorez les variations : Utilisez les curseurs L, C, H pour modifier la couleur de fond (ou de texte).
- Utilisez les boutons d'action :
- Réinitialiser pour revenir aux couleurs par défaut
- Couleur proche accessible pour optimiser automatiquement l'accessibilité
- Basculez entre WCAG et APCA : Utilisez le commutateur pour évaluer vos couleurs selon différentes normes d'accessibilité.
Pourquoi OKLCH ?
L'espace colorimétrique OKLCH offre plusieurs avantages :
- Gamut étendu : Représente une plus large gamme de couleurs que sRGB.
- Perception uniforme : Basé sur la manière dont l'œil humain perçoit les couleurs.
- Manipulation intuitive : Les paramètres de teinte, luminosité et saturation sont plus intuitifs.
- Meilleure préservation de la teinte : Lors des transitions ou des dégradés.
- Contrôle précis du contraste : Le composant de luminosité (L) correspond directement à la luminosité perçue.
Pour en savoir plus sur le support navigateur et les avantages d'OKLCH, consultez Can I use OKLCH? et l'article OKLCH in CSS: why we moved from RGB and HSL.
Ce projet open-source est développé avec â¤ï¸ par Alsacréations.
Spatzi est un outil en ligne interactif conçu pour aider les designers et développeurs à créer des palettes de couleurs accessibles.
Il permet de vérifier les ratios de contraste selon les normes WCAG (Web Content Accessibility Guidelines) et APCA (Accessible Perceptual Contrast Algorithm), et d'explorer des variations de couleurs en utilisant l'espace colorimétrique OKLCH (Luminance, Chroma, Hue).
Fonctionnalités principales
- â¹ï¸ Informations d'accessibilité : obtenez les taux de contraste entre la couleur de fond et la couleur de texte selon les normes WCAG 2.1 et APCA.
- ð¨ Aperçu en direct : visualisation directe du rendu texte/fond selon les combinaisons choisies.
- ðï¸ Exemples d'application en temps réel : une démonstration (recette de cuisine) montre comment vos couleurs s'appliquent sur du texte de différentes tailles et des éléments graphiques, avec des indicateurs visuels de conformité (â /â).
- ð¯ Couleur proche accessible : trouve automatiquement la couleur la plus proche qui respecte les seuils d'accessibilité WCAG (4.5:1) ou APCA (60) selon le mode sélectionné
- âï¸ Guides d’accessibilité intégrés : indications sur les seuils requis pour AA, AAA ou APCA lisibilité renforcée.
- ↔ï¸ Échange de couleurs : bouton de permutation pour échanger instantanément la couleur de fond et la couleur de texte.
- 𧽠Réinitialiser : remet les couleurs à leurs valeurs par défaut
- â ï¸ Un avertissement "(sRGB la plus proche)" apparaît si une couleur OKLCH choisie ou générée est en dehors du champ sRGB. La valeur HEX affichée correspond alors à la couleur sRGB la plus proche.
ð Pour qui ?
Cet outil est destiné à toute personne travaillant dans le Web et concernée par l'accessibilité de ses interfaces :
- Designers UX/UI soucieux de l’accessibilité.
- Développeurs front-end cherchant à valider ou ajuster leurs combinaisons de couleurs.
- Formateurs en accessibilité numérique.
Comment utiliser cet outil ?
- Sélectionnez vos couleurs de base : Sélectionnez une couleur de fond et une couleur de texte à l'aide des sélecteurs de couleur ou en saisissant directement les valeurs (formats acceptés : mots-clés CSS, OKLCH, HEX, RGB, HSL)
- Observez la boîte de couleur : Vérifiez les informations de couleur et les ratios de contraste.
- Explorez les variations : Utilisez les curseurs L, C, H pour modifier la couleur de fond (ou de texte).
- Utilisez les boutons d'action :
- Réinitialiser pour revenir aux couleurs par défaut
- Couleur proche accessible pour optimiser automatiquement l'accessibilité
- Basculez entre WCAG et APCA : Utilisez le commutateur pour évaluer vos couleurs selon différentes normes d'accessibilité.
Pourquoi OKLCH ?
L'espace colorimétrique OKLCH offre plusieurs avantages :
- Gamut étendu : Représente une plus large gamme de couleurs que sRGB.
- Perception uniforme : Basé sur la manière dont l'œil humain perçoit les couleurs.
- Manipulation intuitive : Les paramètres de teinte, luminosité et saturation sont plus intuitifs.
- Meilleure préservation de la teinte : Lors des transitions ou des dégradés.
- Contrôle précis du contraste : Le composant de luminosité (L) correspond directement à la luminosité perçue.
Pour en savoir plus sur le support navigateur et les avantages d'OKLCH, consultez Can I use OKLCH? et l'article OKLCH in CSS: why we moved from RGB and HSL.
Ce projet open-source est développé avec â¤ï¸ par Alsacréations.
Clicks are dead. Scrolling took over. What used to be a choice—navigation—is now a passive feed disguised as design. From infinite scroll to TikTokified portfolios, the web is turning into one big dopamine loop. Designers need to take back control before every site becomes just another endless scroll-fest.
Créée en 2020 par Nima Karimi et Grégory Tappero, Silvr a été placée en redressement judiciaire par le tribunal des activités économiques de Nanterre, à la suite d’une déclaration de cessation de paiement le 11 juin dernier. Spécialisée dans le financement des entreprises, en particulier dans les secteurs du retail et du SaaS, la fintech …
L’article Après 21 millions d’euros levés, Silvr tombe en redressement judiciaire est apparu en premier sur FRENCHWEB.FR.
Equal-height image layouts seem simple until you try to build one that’s truly responsive. This tutorial walks through my solution using flexbox aspect ratios, the Eleventy Image plugin, and a Nunjucks shortcode.
I joined the company as the first full-time employee and, over five years, tried on multiple roles — from product design to strategic planning. I helped the product evolve from an idea to a market-ready service, went through one pivot, and gathered a lot of insights along the way. Here’s what I learned — I hope these lessons help you avoid common mistakes in your own journey.
This week, I found myself surprisingly invested in the great modal drawer debate. A perfect reminder that even the smallest UX choices spark strong feelings. In this issue, you’ll find smart takes on notifications, a neat CSS image grid trick, and a peek at design careers without the usual fluff.
Learn why flip phones still matter in 2025, and how you can build and launch web apps for these tiny devices.
Ever wondered where that bold, slab-serif “college look” comes from? It goes way back to midâ19th century Ivy League sportswear. Harvard’s baseball team embroidered an “H” on their flannel jackets in 1865, making them the first varsity-style letter sweaters.
The Model Context Protocol (MCP) is an open standard that lets AI assistants connect with external data sources, tools, or systems. This makes them much more useful by allowing them to do things like run code, manage files, and interact with APIs.
Creating product icons at Figma involves dozens—sometimes hundreds—of iterations. Product Designer Tim Van Damme shares his thoughtful approach to icon design and the creative exploration that shapes each final result.
With mobile devices dominating the way we interact with apps and websites, touch-based design has become more important than ever.
Reform Collective’s new site strips away the noise in favor of clarity, performance, and structure—with the tech lead detailing how AI, GSAP, and CSS hacks brought it to life.
Scroll through any modern website or app and you’ll see it: words that slide, bounce, stretch, shrink, fade in and out. It’s not just eye candy. That motion you’re seeing? It has a name: kinetic typography. And in 2025, it’s not just back, it’s better, smarter, and more important than ever in how we communicate digitally.
Les data centers pèsent déjà plus de 3% de la consommation mondiale d'électricité. À l'heure de l'IA générative et du cloud massif, leur empreinte énergétique interroge.
Alors qu'elle pourrait être perçue comme une nouvelle contrainte réglementaire, la facturation électronique représente un véritable bouleversement de l'écosystème comptable et fiscal.
Vous validez encore vos supports print dans la précipitation, multipliez les erreurs préjudiciables à votre image de marque, à vos ventes ? Retrouvez la quiétude avec le bon à tirer numérique.
L'intelligence artificielle a-t-elle sa place dans une branche aussi spécifique que le marketing multilocal ?
Comme chaque lundi, un coup d’œil dans le rétroviseur pour découvrir les informations que vous avez peut-être ratées la semaine dernière. Tous les liens listés ci-dessous sont a priori accessibles librement. Si ce n’est pas le cas, pensez à … Lire la suite
Spaceflux, jeune entreprise britannique spécialisée dans la surveillance spatiale, a annoncé une levée de fonds de 6,1 millions d’euros en seed pour accélérer le déploiement de son réseau mondial de capteurs optiques et renforcer sa plateforme d’analyse Cortex. Fondée en 2022, la startup ambitionne de structurer une capacité inédite de suivi des objets en orbite, …
L’article Des yeux dans le ciel, jour et nuit, Spaceflux lève 6,1 millions d’euros pour sécuriser les orbites est apparu en premier sur FRENCHWEB.FR.
Envie de partir sur un coup de tête sans exploser votre budget ? Il existe une ville européenne qui réunit tous les critères pour une escapade rapide et abordable.
C'est un objet du quotidien compact mais vital, qu'il faut absolument prendre avec soi.