Colophon : comment ce site est construit

La seule règle

Chaque page doit fonctionner pour un lecteur sur un téléphone lent, dans les deux thèmes, sans un seul script dont il n’a pas besoin. Le reste de cette page explique comment cette règle est tenue.

Sur quoi repose le site

• Pages statiques. Le site est généré avec Astro. Chaque page est du HTML simple, construit à l’avance ; il n’y a pas de framework côté client. Les quelques parties interactives (bascule de thème, table des matières, recherche, panneau des cookies, boutons de copie du code, réponses de la FAQ) sont de petits scripts.
• Mise en forme. Tailwind CSS, chaque couleur étant définie comme un jeton nommé, pour que les deux thèmes soient vérifiés de la même façon.
• Hébergement. Vercel.
• Recherche. Pagefind. L’index est construit avec le site et interrogé dans votre navigateur à partir de fichiers de ce domaine ; aucun service de recherche ne voit ce que vous tapez.
• Typographie. Les titres utilisent Space Grotesk, servie depuis ce domaine. Le texte courant utilise la police système de votre appareil. Aucun service de polices tiers.

Les versions exactes figurent sur la fiche du site, générée à partir du site lui-même.

Deux thèmes, le sombre d’abord

Le thème sombre est celui par défaut. Le clair est un choix que vous faites avec la bascule, et votre navigateur s’en souvient. La préférence de couleur de votre système d’exploitation n’est volontairement pas lue. Les couleurs de texte sont définies séparément pour chaque thème afin que le contraste tienne dans les deux.

Les contrôles avant toute mise en ligne

Chaque compilation passe par une chaîne de contrôles, et chacun d’eux peut bloquer la publication :

• Liens. Liens internes cassés, ancres qui ne mènent nulle part, liens vers une autre langue sans le déclarer, images d’aperçu manquantes.
• Structure. Chaque article appartient à un seul guide thématique, le cite dès son ouverture, est cité par lui en retour et se termine par un seul bloc « pour continuer ».
• Texte. Caractères de contrôle cachés et espaces qu’exige la ponctuation française.
• En-têtes de sécurité. Une Content Security Policy construite à partir des scripts exacts que contiennent les pages.
• Mentions légales. Elles doivent être complètes.

Des tests dans le navigateur vérifient ensuite l’accessibilité avec axe dans les deux thèmes, les parties interactives et la densité publicitaire.

Vitesse

Sans publicité, chaque type de page obtient 100 dans Lighthouse, sur mobile comme sur ordinateur, en mesure locale. Les chiffres et la façon dont ils ont été mesurés figurent sur la fiche du site.

Mesure d’audience et publicité

La mesure d’audience (Google Analytics 4) ne fonctionne que sur ce domaine et seulement après votre première interaction avec la page, avec un consentement refusé par défaut : rien n’est enregistré pour la mesure ou la publicité tant que vous n’avez pas accepté dans le panneau des cookies. Quand des annonces sont diffusées, chacune est signalée et dispose d’un espace réservé pour que la page ne saute pas pendant le chargement. Les détails se trouvent dans la politique de confidentialité et la politique relative aux cookies.

Ce que nous ne faisons pas, volontairement

• Pas de commentaires, pas de fenêtres d’inscription à une newsletter, pas de formulaires de prospection ni de tunnels de vente. Le site est financé uniquement par la publicité.
• Pas de framework côté client, pas de service tiers de polices ou d’icônes.
• Pas de bascule automatique entre les thèmes.

Sécurité

Si vous avez trouvé une vulnérabilité, la page Security, en anglais, explique comment la signaler. Le fichier de contact lisible par machine se trouve à l’adresse /.well-known/security.txt.

Une erreur ?

Signalez-la sur la page de contact.