Changelog
Version 1.2Historique des évolutions de Réveillon Photographie — ce site est entièrement réalisé en HTML, CSS et JavaScript.
Interface & Navigation
- Préchargeur animé — écran R·P avec logo centré et barre de progression
- Transitions de page — volet bordeaux animé entre chaque navigation
- Transition entrée — glissement depuis la droite à l'arrivée sur une page
- Transition sortie — glissement vers la gauche au départ d'une page
- Menu mobile — ouverture et fermeture avec animation fluide
- Défilement fluide — comportement natif activé sur l'ensemble du site
- Liens actifs — état visuel sur le lien correspondant à la page courante
- Hero — animation typographique au chargement
Thème
- Bascule thème clair/sombre — avec persistance en localStorage
- Icône soleil/lune dans le header selon le thème actif
- Couleur de barre de statut mise à jour dynamiquement
- Thème clair v3 — fond ivoire chaud
- Thème sombre v3 — fond anthracite profond
Galerie & Lightbox
- Compteur lightbox — affichage de la position dans la galerie
- Navigation lightbox au clavier — touches fléchées et Échap
- Fermeture lightbox au clic sur l'arrière-plan
- Lightbox — animation d'ouverture et fermeture avec fondu
- Galerie — chargement progressif des photos à l'initialisation
- Galerie — disposition en mosaïque conservée sur tous les formats
- Chargement progressif flou — images floues en placeholder
Performance
- Préconnexion Google Fonts — ressources DNS résolues avant le parsing HTML
- Compression Gzip activée — réduction du poids des fichiers transférés
- Cache navigateur configuré — ressources statiques jusqu'à 1 an
- Chargement différé natif — attribut loading=lazy sur toutes les images hors viewport
- IntersectionObserver — remplacement de l'écouteur scroll pour de meilleures performances
- Polices en affichage swap — texte visible pendant le chargement
- Suppression du diaporama hero — remplacé par un fond plein bordeaux
Accessibilité
- Formulaire contact — labels accessibles associés à chaque champ
- Balises alt enrichies sur toutes les photos de la galerie
- Focus visible — contour conservé sur tous les éléments interactifs
- Contraste vérifié — ratios WCAG AA respectés en thème clair et sombre
- Rôles ARIA ajoutés sur les éléments de navigation principaux
SEO & Technique
- Open Graph — balises og:title, og:description, og:image sur toutes les pages
- sitemap.xml généré et ajouté à la racine du portfolio
- robots.txt ajouté avec directives pour les moteurs de recherche
- llms.txt ajouté pour guider les modèles de langage
- Correction du conflit d'URL canonique — redirection 301 mise en place
- Page 404 personnalisée dans le style du portfolio
- HTTPS forcé — redirection automatique via .htaccess
- En-têtes de sécurité — X-Content-Type-Options, X-Frame-Options configurés
- Umami Analytics — suivi du trafic sans cookies, conforme RGPD