au travail · MaxDS
Développeur au sein de l’équipe, on avance ensemble : je propose, j’outille, je transmets.
Un besoin complexe, une équipe à outiller ? Écris-moi.
11 h 16 · 14 °C au nord de Rennes, où je vis avec ma femme et nos trois enfants.
au travail · MaxDS
Développeur au sein de l’équipe, on avance ensemble : je propose, j’outille, je transmets.
Un besoin complexe, une équipe à outiller ? Écris-moi.
11 h 16 · 14 °C au nord de Rennes, où je vis avec ma femme et nos trois enfants.
Les composants réellement en ligne. Même règle que la planche précédente : seuls les tokens changent entre clair et sombre. Focus en contour iris de 3 px décalé de 3 px, cibles de 44 px, contrastes AA.
Lead développeur & conception produit chez MaxDS · Rennes
Développeur et lead technique avec plus de dix ans d’expérience, je conçois des applications de bout en bout avec deux priorités : livrer des interfaces évidentes pour l’utilisateur et simplifier la vie des développeurs qui les construisent avec moi.
à toi de tirer
au travail · MaxDS
Développeur au sein de l’équipe, on avance ensemble : je propose, j’outille, je transmets.
open source
… puis MaxDS CV, Basket. La scène reste collée ; la nuée dessine l’étape au centre de l’écran.
Un besoin complexe, une équipe à outiller ? Écris-moi.
11 h 16 · 14 °C au nord de Rennes, où je vis avec ma femme et nos trois enfants.
La maquette de référence, c’est le site en ligne : florian-etourneau.dev. Cette planche en reprend l’ordre, les tailles et les textes (septembre 2026).
Mise en page : contenu de 1200 px au plus, gouttière clamp(16px, 5vw, 120px) (--fe-page-*). L’en-tête reste collé en haut de l’écran, fond sable à 88 % flouté ; un filet apparaît dès qu’on défile. Chaque repère de section est au-dessus de son contenu.
Sur le site, 320 étourneaux accompagnent la lecture. Pour chaque étape, ils se posent dans la forme : le contour serré pour la lisibilité, l’intérieur clairsemé pour la matière. Elle se lit par masse et par creux. Approche la souris : ils esquivent.
L’oiseau du logo, découpé en pièces : aile, tête, corps, pattes. Chaque geste fait tourner ces pièces autour de leurs pivots au lieu d’échanger deux dessins. Toute la géométrie et les calculs sont dans etourneau/starling, une entrée du paquet que le site installe. Démo jouable : starling/demo.html.
| Lever l’aile | sur le site · tir | Remplace l’échange aile pliée / aile levée. Le bout de l’aile arrive au même point : la visée ne change pas. |
| Battre et planer | sur le site · envol, nid, envoi | Battement continu dans le temps ; plané en piqué, ailes tenues ; plané de freinage, ailes levées, à l’approche du nid. Le corps monte de 2 unités à chaque descente (0,8 pour l’oiseau de l’envoi, qui bat à 7 par seconde). |
| Tourner la tête | sur le site · tir | Suit le ballon en vol, se retourne s’il retombe derrière. |
| Se poser | sur le site · nid | Plané ailes levées, redressement à −30°, relais, écrasement, repli. |
| Décoller | possible · outils | Accroupi 150 ms, détente 230 ms en levant l’aile, relais ailes en haut. Essayé à l’envol du site : un geste en temps arrive trop tard quand on défile vite ; le site relaie directement, à la même place et à la même taille. |
| Marcher, fouiller, demi-tour | possible · outils | 5 pas/s, pas de 14 unités ; fouille à 30°, deux fois ; demi-tour sur un saut de 320 ms. |
| Rester vivant | possible · outils | Respiration 1 % sur 3 s ; clignement 140 ms toutes les 2 à 6 s ; s’ébrouer 300 ms ; regard par-dessus l’épaule. |
| Vue de face | écarté | Tire l’oiseau vers le pingouin et impose un second dessin à maintenir. |
tokens : --fe-duration-flash 130ms · short 250ms · medium 450ms · long 650ms
--fe-ease-out · --fe-ease-overshoot · --fe-ease-in-out