Google Fonts : héberger vos polices pour la vitesse et le RGPD
Charger Google Fonts depuis leurs serveurs ralentit votre site et pose un problème RGPD. Comment passer à des polices auto-hébergées, légères et bien affichées.
Blog & Ressources
Conseils, tutoriels
& actus du web
Développement, SEO, design, performance — tout ce qui fait un bon site web, par un freelance qui en vit.
Tous les articles
View transitions : des transitions de page fluides en CSS
L'API View Transitions anime le passage d'une page à l'autre en quelques lignes de CSS, sans framework JavaScript. Syntaxe, exemples et compatibilité.
Container queries : des composants vraiment responsives
Les container queries adaptent un composant à la place dont il dispose, et non plus à la taille de l'écran. Syntaxe, unités cqi et cas d'usage concrets en CSS.
Footer de site : organiser le pied de page efficacement
Le footer est consulté par les visiteurs qui cherchent une information précise. Contenus utiles, organisation, mobile : bien concevoir son pied de page.
Page 404 : transformer une erreur en expérience utile
Une page 404 bien conçue retient le visiteur au lieu de le perdre. Contenu, recherche, liens utiles, ton et suivi des erreurs : les bonnes pratiques à adopter.
Hiérarchie visuelle : guider le regard sur vos pages
La hiérarchie visuelle guide le regard vers l'essentiel. Taille, contraste, couleur, espacement : les principes pour des pages claires qui convertissent.
Espace blanc : l'atout design le plus sous-estimé du web
L'espace blanc n'est pas de l'espace perdu : il améliore la lisibilité, la compréhension et l'impression de qualité. Comment bien l'utiliser sur votre site.
Animations au scroll : dynamiser sans nuire à la performance
Les animations au scroll donnent du rythme à une page, mais peuvent la ralentir. Techniques modernes, bonnes pratiques, accessibilité et erreurs à éviter.
Image hero : réussir le premier écran de votre site
L'image hero donne la première impression de votre site. Choix du visuel, message, bouton d'action, poids et performance : comment réussir ce premier écran.