Tutoriels

Des guides pas-à-pas tirés de vrais projets, réunis en parcours par sujet.

Flux RSS

Application des filtres…

AvancéArticle

La classe Tailwind qui disparaît sans erreur

Une échelle typographique maison et une fusion de classes qui l'ignore : le HTML livré perd la classe, et rien ne le signale.

Design system sous contrainte étape 1

  • Tailwind
  • TypeScript
  • React

4 étapes10 min

IntermédiaireArticle

Un thème sombre qui ne clignote pas

Le thème doit être appliqué avant la première peinture, ce qu'un module différé ne peut pas faire.

Fondations web étape 1

  • Astro
  • CSS
  • TypeScript

4 étapes12 min

Parcours

Les tutoriels d'un même sujet, dans l'ordre où ils s'enchaînent. La progression est retenue par votre navigateur et ne le quitte pas.

Débutant2 étapes

Fondations web

Les décisions qu'on prend une fois et qui tiennent le reste du projet : le rendu, le thème, les tests.

À la fin Un site statique qui ne clignote pas au chargement et dont les tests portent sur ce qui est réellement déployé.

0 / 2 lus

  1. Un thème sombre qui ne clignote pas4 étapes12 min
  2. Tester le site construit, pas le serveur de développement4 étapes8 min
Commencer le parcours
Avancé2 étapes

Design system sous contrainte

Ce qui casse quand on branche une bibliothèque de composants sur ses propres tokens, et comment le voir avant la production.

À la fin Une couche de composants réutilisable dont les pannes silencieuses sont attrapées par des tests plutôt que par un visiteur.

0 / 2 lus

  1. La classe Tailwind qui disparaît sans erreur4 étapes10 min
  2. Le contexte React ne traverse pas la frontière d'un îlot4 étapes9 min
Commencer le parcours
Démarrer un projet

Agir

Thème sombreFixer l'apparence du sitesetTheme({theme:"dark"})
Thème clairFixer l'apparence du sitesetTheme({theme:"light"})
Thème du systèmeSuivre à nouveau la préférence du systèmesetTheme({theme:"system"})
Passer le site en anglaisEnglishsetLocale({locale:"en"})
Labs — ProduitFiltrer les Labs par typefilterLabs({type:"Produit"})
Labs — PrototypeFiltrer les Labs par typefilterLabs({type:"Prototype"})
Labs — RechercheFiltrer les Labs par typefilterLabs({type:"Recherche"})
Labs — Réinitialiser les filtresRetirer tous les filtres des LabsfilterLabs({reset:true})
Journal — IngénierieFiltrer le Journal par catégoriefilterJournal({category:"Ingénierie"})
Journal — SécuritéFiltrer le Journal par catégoriefilterJournal({category:"Sécurité"})
Journal — Agent-NativeFiltrer le Journal par catégoriefilterJournal({category:"Agent-Native"})
Journal — StudioFiltrer le Journal par catégoriefilterJournal({category:"Studio"})
Journal — Réinitialiser les filtresRetirer tous les filtres du JournalfilterJournal({reset:true})
Tutoriels — DébutantFiltrer les tutoriels par niveaufilterTutorials({level:"Débutant"})
Tutoriels — IntermédiaireFiltrer les tutoriels par niveaufilterTutorials({level:"Intermédiaire"})
Tutoriels — AvancéFiltrer les tutoriels par niveaufilterTutorials({level:"Avancé"})
Tutoriels — Réinitialiser les filtresRetirer tous les filtres des tutorielsfilterTutorials({reset:true})

Services

DiscoveryCadrer le produit avant d'écrire la première ligne, pour que le budget serve à construire et pas à corriger.openService({service:"discovery"})
Design produitUne interface qui se tient, portée par un design system que vos développeurs peuvent faire vivre sans nous.openService({service:"design"})
Développement webUne application web rapide et tenue dans le temps, avec les tests et la chaîne de livraison qui vont avec.openService({service:"web"})
Développement mobileUne application iOS et Android depuis une seule base de code, publiée sur les deux stores.openService({service:"mobile"})
Infrastructure & sécuritéUne infrastructure décrite en code, et un accès Zero Trust qui ne repose pas sur un SMS.openService({service:"infrastructure"})
Maintenance & évolutionUn produit qui reste à jour, surveillé et corrigé, avec quelqu'un qui répond quand ça casse.openService({service:"maintenance"})
Conseil Architecture Agent-NativeRendre un produit existant pilotable par un agent, sans le réécrire — et sans lui ouvrir plus qu'il ne faut.openService({service:"agent-native"})

Naviguer

YorroStudio d'ingénierie produit à Abidjan et Paris. On conçoit, on code, on livre.navigate({page:"home"})
ServicesConstruire un produit de bout en bout, ou conseiller une équipe sur son architecture agent-native.navigate({page:"services"})
LabsCe que le studio a construit : produits, prototypes et recherches, avec leur avancement réel.navigate({page:"labs"})
TutorielsDes guides pas-à-pas tirés de vrais projets, réunis en parcours par sujet.navigate({page:"tutorials"})
JournalLes notes et les prises de position du studio.navigate({page:"journal"})
ContactDécrivez votre projet ; on répond avec un cadrage, pas avec un devis type.navigate({page:"contact"})
À proposQui tient le studio, comment il travaille, et ce qu'il refuse de faire.navigate({page:"about"})
↑↓ naviguer↵ exécuteréchap fermerActions unifiées