Jour 17 e2 — Design des grids, sheets, et 2h30 de corrections CSS

Описание: Jour 7, après-midi. Les crédits Claude sont revenus, je continue sur le design. J'ai passé 2h30 à corriger des détails : alignements, espacements, responsive mobile. Je me suis rendu compte que j'étais en zoom 125% pendant mes captures d'écran, ce qui m'a fait demander des corrections inutiles. Le MCP Chrome aide mais c'est très lent. J'ai ajouté les "sheets" (panneaux latéraux) pour créer des clients au lieu de naviguer vers une nouvelle page. Les grids fonctionnent maintenant sur clients, chantiers et tâches. Frustration : ce genre de corrections, je les faisais en 30 secondes avec WeWeb.

00:00 Crédits rechargés, on attaque le design des grids
01:10 Problème : barre de recherche, espaces inutiles, titre H2 à supprimer
02:50 Comparaison avec ma V1 : plus de place, meilleure lisibilité
04:30 Question : nouveau client en page ou en panneau latéral (sheet) ?
06:45 Claude recommande la sheet, on valide
10:30 Première correction terminée, on gagne de la place
12:00 Nouveaux problèmes : icône calendrier, filtre qui disparaît
15:00 Corrections d'espacements et alignements
20:00 Le responsive mobile ne fonctionne plus
25:00 Utilisation du MCP Chrome pour débugger (très lent)
32:00 Test multi-user : bug, il crée une nouvelle organisation
40:00 Réalisation : j'étais en zoom 125%, corrections inutiles demandées
45:00 Frustration : 30 secondes avec WeWeb, 10 minutes avec Claude Code
50:00 Je lui demande de remettre comme avant
55:00 Prompts pour appliquer le même design sur chantiers et tâches
01:05:00 Les trois pages (clients, chantiers, tâches) sont homogènes
01:15:00 Sheet pour nouveau client fonctionne parfaitement
01:25:00 Ajout du bouton nouvelle tâche sur la page tâches
01:35:00 Page détail chantier à revoir (trop de scroll)
02:25:00 Fin de session, 2h30 de vidéo, on fait un récap demain

#BuildInPublic #SaaS #Design #CSS #ClaudeCode