À côté du code #1

Les curiosités d’un développeur front-end. Première édition : du CSS d’autrefois, des Stateful Buttons en Vue et du yoga pour les doigts.

Max

19. Oktober 2026October 19, 2026 · 3 Min. Lesezeit3 min read

1

Ceci est une republication de mon article sur X, lui-même d’abord paru sur Substack le 20 septembre. La suite de la revue paraîtra désormais sur X et sur Nostr.

Bienvenue dans cette première édition d’À côté du code, une revue dont je ne connais pas encore la fréquence, dans laquelle je partagerai avec vous les petites choses qui m’ont marqué dernièrement : articles, vidéos, musiques, personnalités…

Attendez-vous à du contenu tech, mais pas que. Je suis fan de développement personnel et d’ergonomie ; je vous proposerai, au fil des éditions, plein de petits exercices.

Pour le moment, le format s’articule autour d’une journée : 7 h, 12 h, 16 h, 18 h.

Vous pouvez lire une rubrique à la fois ou tout lire d’un coup. Pas de règles ici 🙂


7 h · Le café#

Un très beau morceau pour commencer en douceur.

Ralentir

Nous ne sommes pas obligés de courir comme dans cette ville folle.

Parfois, ralentir volontairement sa marche ou son souffle peut nous aider à être plus attentifs à ce qui nous entoure.

En parlant de curiosité, voici un article (en anglais) super intéressant sur les curiosités du CSS d’autrefois.

Cela étonnera les plus juniors et ravivera des souvenirs chez les plus anciens. 😊

Curiosités du CSS d’autrefois

12 h · La pause déj#

L’étude de cas 🤓

J’adore les Stateful Buttons. Au-delà des animations cool, j’aime pouvoir demander confirmation directement dans le bouton.

Une modale de confirmation déplace l’attention vers une autre zone de l’interface et, lorsqu’on utilise la souris, peut demander un déplacement supplémentaire. Pour les tableaux, c’est particulièrement gênant, surtout si l’élément disparait immédiatement après la confirmation.

Je vous propose deux versions d’un bouton qui demande confirmation directement sur place : une version simple et une version avec un état de chargement.


16 h · Le break#

Keyboard Yoga

Si, comme moi, vous êtes fan de touch typing et de yoga, ce projet de ZSA pourrait vous plaire. Cette petite expérience invite à prêter attention à son corps pendant qu’on tape au clavier. ZSA fabrique des claviers ergonomiques. J’en possède un : dites-moi en commentaire si vous voulez un article sur le sujet.

Keyboard Yoga

C’est l’heure de la pause. Détendez vos petits doigts et laissez-vous guider… 🧘‍♂️


18 h · Après le boulot#

Ça y est, la journée est finie !

Maintenant, on marque la transition.

On coupe tout. On laisse le travail au bureau. Ce soir, on prend le teeeemmmmps. Du temps pour soi et pour les siens.

Pour faire une coupure, je vous propose moins de 10 minutes de mouvement avec cette séance guidée.


C’est tout pour cette première édition. On commence tranquille.

N’hésitez pas à me faire vos retours en commentaire : ce que vous avez aimé. Moins aimé. Ce que vous voudriez voir. Ce qui vous a inspiré 🙂 Je lis tous les commentaires !

Et bien sûr, suivez-moi pour ne rien rater !

À bientôt ! 👋

Max.

#acoteducode#css#dev#ergonomie#frontend#vuejs

Written by

Comments1

Djinn

Musique super cool, article interessant !!! Tu as bien l’air nostalgique…connais-tu https://randomdailyurls.com/ Une mine d’or….le css d’autrefois y a une place récurrente… Et bien entendu, ce type de contenu a bien sa place sur Nostr.
Open in a Nostr client

Contents

4 sections

  1. 7 h · Le café
  2. 12 h · La pause déj
  3. 16 h · Le break
  4. 18 h · Après le boulot