Cette page existe quelque part. Une machine l'a générée, une autre vous l'a transmise et des données ont voyagé pour parvenir jusqu'à vous.

Le site est né d'une question : de quoi avons-nous vraiment besoin ?

Les choix

Statique par choix

Les pages sont générées avant la visite et peuvent être servies comme des fichiers déjà prêts.

Moins de travail pour le navigateur

Environ 1,6 ko de JavaScript inline gèrent uniquement le thème clair/sombre ; le contenu et la navigation fonctionnent sans JavaScript.

Dépendances essentielles

Aucune police externe, aucun outil d'analyse, traceur ou service tiers n'est nécessaire au fonctionnement du site.

Accessibilité vérifiable

HTML sémantique, navigation au clavier, contraste, zoom, réduction des animations et contrôles automatiques et manuels.

Le poids de cette page

Le HTML et les ressources locales sont mesurés automatiquement pendant la compilation.

Des budgets contrôlent le poids des pages, le nombre de requêtes, le JavaScript applicatif et les dépendances externes.

Les estimations locales décrivent les fichiers générés ; elles ne mesurent pas le trafic de production.

Est-ce un site écologique ?

Un site léger n'est pas automatiquement durable. Les émissions et l'impact global dépendent aussi de l'infrastructure, de l'énergie, des réseaux, des appareils et des usages.

Je peux mesurer ce que je construis, documenter mes choix et éviter d'utiliser plus de ressources que nécessaire. Le reste est une démarche, pas un badge.

Comment il est construit

  • Astro, HTML statique et CSS.
  • Environ 1,6 ko de JavaScript vanilla inline, limité au sélecteur de thème avec repli complet sur le thème sombre.
  • La préférence de thème est enregistrée uniquement dans le navigateur.
  • Cinq langues générées sans moteur de traduction côté client.
  • Performances, accessibilité, HTML, liens et poids des pages contrôlés pendant la compilation.

Avant ce site

Le portfolio précédent était construit avec Flutter Web. Plus visuel et interactif, il venait de l'envie d'expérimenter Flutter hors des applications mobiles.

Le conserver permet de voir comment mes choix ont évolué. Le logiciel raconte aussi qui nous étions lorsque nous l'avons écrit.

La pièce

L'ancienne pièce en pixel art reste ici comme une partie de l'histoire du site : une scène à explorer par choix, plutôt qu'un passage obligé avant le contenu.

Une pièce en pixel art avec un bureau, un ordinateur, des plantes et des objets racontant les versions précédentes du site.

← Accueil