Skip to content

Latest commit

 

History

History
51 lines (31 loc) · 1.86 KB

README.md

File metadata and controls

51 lines (31 loc) · 1.86 KB

Projet 3 - Dynamisez une page web avec des animations CSS

⏳ Timing

Date début : 27/08/23 16:00

Date de fin : 01/09/23

Date de fin réel : 01/09/23 18:15


🎯 Objectifs :

Objectifs :

  • Créer une structure de code efficace avec SASS
  • Respecter le timing

📑 Etapes :

  • Étape n° 1 : Mettez en place votre environnement de développement
  • Étape n°2 : Intégrez la version mobile de la page d’accueil
  • Étape n° 3 : Ajoutez les animations à la page d’accueil
  • Étape n° 4 : Réalisez le responsive de la page d’accueil
  • Étape n° 5 : Intégrez le HTML et le CSS d’une page de restaurant
  • Étape n° 6 : Copiez la page de restaurant et adaptez le contenu aux restaurants restants
  • Étape n° 7 : Faites une revue complète du projet

🤔 Conclusion :

Problèmes rencontrés :

  • Problème au niveau de l’animation pour validé sont plat. J’avais mis dans un label toute les div mais ce n’était pas valide au validateur W3C. J’ai du placer ma div en absolute au dessus de l’élément pour activer la checkbox
  • text-overflow: ellipsis; problème pour l’ajouter à mon code le conteneur dépassé du parent il fallait que je mette un overflow hidden au parent du texte en question.
  • Problème au niveau bouton like de la page d’accueil le label du bouton était dans une balise, j’ai du le déplacer dans le conteneur et le mettre en absolute.

Point négatif 👎

  • Tout a été fait comme il faut mais peut être optimisé en manière d’accesibilité, à cause des checkbox pour une gestion en css car le JS était interdit.

Point positif 👍

  • Mise en place d’une bonne architecture SASS avec l’utilisation de @for, placeholder, variable, composant.
  • Mise en place de la Github Pages que je ne connaissais pas avant.