Projet d'intégration mobile-first de la maquette d'une entreprise virtuelle dans le cadre de la formation 100% à distance de développeur web, dispensée par Openclassrooms.
Résultat de l'intégration sur la Github page ici : maquette Ohmyfood ou ici : https://ohmyfood.by-webcycle.fr
-
intégration full html css - frameworks interdits
-
site compatible avec les dernières versions de Chrome et de Firefox, Safari également pour les étudiants accédant à un Mac
-
validation w3c du code (html et css)
-
choix des tailles d'images (fournies par l'entreprise virtuelle) prenant en compte la double contrainte d'affichage et de performance (temps de chargement)
-
Sass recommandé
-
site mobile-first
-
maquettes pour mobile fournies; versions pour les écrans de tailles supérieures à concevoir
-
effets graphiques et animations accessibles au clic ou au survol, visibles sur la maquette
-
animations ou transitions réalisées en CSS, pas de JavaScript ou de librairie :
- 🔜 -> "spin-loader" au chargement de la page d'accueil
- 💗 -> remplissage des coeurs lorsqu'ils sont survolés
- 📖 -> apparition progressive des menus au chargement de la page
- ✅ -> apparition d'une coche de sélection au survol d'un plat