Issue 17/05/2021

[W-D0n]

TODO - Desk

1. • [x] Rétablir la bonne disposition des cards de la section activités (les sous titres ne sont pas dans le shadow). C’est à cause du height de la balise contenante (cad le height de activecardimg) il faut adapter margin+height pour que ça fit bien, sinon le décalage est moche. La hauteur qui est laissée en dessous des images est différente en fonction des images (plus grands espaces sur les grandes cards et vice versa).
2. • [x] Rétablir la bonne disposition des cards de la section activités (les sous titres ne sont pas dans le shadow). C’est à cause du height de la balise contenante (cad le height de activecardimg) il faut adapter margin+height pour que ça fit bien, sinon le décalage est moche. La hauteur qui est laissée en dessous des images est différente en fonction des images (plus grands espaces sur les grandes cards et vice versa).
     
3. • [x] Uniformiser l’espace sous les images (dans la zone activités).
4. • [x] Augmenter l'espacement en dessous des étoiles rating de la partie hébergement.
5. • [x] Augmenter la weight de la fonte du sous-texte "En plein centre de ville....".
6. • [x] Le validateur W3C me remonte; “Article lacks heading. Consider using h2-h6 elements to add identifying headings to all articles.” Sur les articles.
7. • [x] Animer les boutons filtres.
8. • [x] Réduire la taille des polices.
9. • [x] Aligner les étoiles grade sur la fin de l’image.
10. • [x] Réduire la taille des boutons filtres pour correspondre à la maquette (flex shrink ?).
11. • [x] Réduite la taille du texte « trouver votre héber… ».
12. • [x] Mettre l’animation des liens hérbergement et activités sous les liens (plus au-dessus).
13. • [x] Recentrer l’icône position de la barre de recherche (elle est décalée).
14. • [x] Donner toute la largeur à la barre de recherche.
15. • [x] Les cards de la zone activités doivent correspondre au format de celles de la zone hébergements (factoriser les paramétrages).
16. • [x] Ajouter de l'espace vertical entre les "boutons" filtres.
17. • [x] Réduire espace entre la ligne du logo+S'inscrire et les liens hébergements+Activités.
18. • [x] Positionner les liens internes de la navbar sur toutes la largeurs de l'espace disponible.
19. • [x] Mettre de l'espace sous "Filtres" une fois la taille de screen réduite.
20. • [x] Réduire la taille des étoiles rating (à partir d'une certaine taille, elles se dispersent sur 2 lignes). En diminuant la taille de la police de 5% le résultat est satisfaisant.
21. • [x] corriger la syntaxe html <img [...] > en <img [...] />.
22. • [x] Uniformiser les épaisseurs des titres (factorisation en 2 paramètres :root + utilisation de 2 classes fontprop1/fontprop, pour une modification éventuelle simplifiée), et donc suppression d'une vingtaine (au hasard) de lignes font-wieght : x.
23. • [x] Mettre en place le responsive pour tablette.
24. • [x] Affiner la règle media queries (actuellement à 500px).
25. • [ ] Supprimer l'effet de zoom sur les photos de la partie activité pour avoir le bon cadrage (église non coupée, longue-vue moins visible etc).
26. • [x] Vérifier + Modifier le titre "Filtres" en mode desktop, il a prit la taille de a media q.
27. • [x] En dessous de 365px de largeur, les étoiles de rate de la card 2 (à cause du texte) débordent.
28. • [x] Augmenter l'espacement entre les étoiles rate et le bas de la card (conteneur en flex + rate en margin-top : auto;).
29. • [x] Supprimer les id, passer par nth child ou des class.

[W-D0n]

J'ai uniformisé les cards de la zone activités en remplaçant les balises articles. J'ai modifié la structure des éléments comme ceci : De ça : <article> <a> <img /> <h3></h3> </a> </article> A ça : <a> <div> <img /> </div> <h3></h3></a>

J'ai pu appliquer une dimension à l'image qui s'est retrouvée à un niveau en dessous, donc le lien et l'image se sont ajustés sur toutes les cards.

[W-D0n]

Pour améliorer les images, il serait judicieux d'appliquer un filtre (les images de la maquette sont plus "lumineuses").

[thierrylemoulec]

Pour améliorer les images, il serait judicieux d'appliquer un filtre (les images de la maquette sont plus "lumineuses").

Tu peux aller voir ça pour t'amuser. Mais en soit ça commence à être un peu la limite de ton périmètre de front d'améliorer la qualité des images que t'affiches. Enfin ça dépend. Mais ne perd pas trop de temps la dessus.

[W-D0n]

Pour améliorer les images, il serait judicieux d'appliquer un filtre (les images de la maquette sont plus "lumineuses").

Tu peux aller voir ça pour t'amuser. Mais en soit ça commence à être un peu la limite de ton périmètre de front d'améliorer la qualité des images que t'affiches. Enfin ça dépend. Mais ne perd pas trop de temps la dessus.

C'est une piste d'amélioration (en mode pixelperfect), dans un moment ou je lachais un peu et je checkais le résultat. Mais j'ai déjà bcp trop de retard par rapport au prévisionnel et le reste des projets de la formation. Demain je pense que je termine le responsive pour la taille tablette.

[W-D0n]

A creuser : est ce que je peux merge des réglages sous une seule médiaQ (ex de 360 à 600 ET de 601 à 1248) et ensuite faire une autre partie avec chaque paramètres distincts pour les 2...

[W-D0n]

A creuser : est ce que je peux merge des réglages sous une seule médiaQ (ex de 360 à 600 ET de 601 à 1248) et ensuite faire une autre partie avec chaque paramètres distincts pour les 2...

Test non concluant (pr le moment), je dois trouver la bonne syntaxe.

[W-D0n]

27. J'ai modifier, mais je considère que plus petit que 310px je devrais utiliser une config médiaQ plus détaillée.