Trucs et Astuces avec Materialize CSS
Objectifs
Les objectifs de cette vidéo sont de vous apprendre à :
- Utiliser les classes de Materialize CSS pour gérer la visibilité des éléments en fonction de la taille de l'écran.
- Centrer verticalement et horizontalement des éléments avec Flexbox.
- Manipuler des images pour les rendre responsives et les intégrer dans une Lightbox.
Résumé
Découvrez comment utiliser Materialize CSS pour gérer la responsivité de vos éléments et améliorer l'expérience utilisateur sur différents appareils.
Description
Dans cette leçon, nous explorons divers petits trucs et astuces offerts par Materialize CSS pour optimiser le développement web. Nous couvrons les classes permettant d'afficher ou cacher des éléments en fonction de la taille de l'écran, avec des exemples pratiques. Vous apprendrez à utiliser des classes comme hide on small only, hide on mid and down, et hide on mid and up pour ajuster la visibilité de vos éléments. De plus, nous montrerons comment centrer des textes verticalement et horizontalement à l'aide de Flexbox, ainsi que la manipulation d'images, incluant la responsivité, les angles arrondis et l'intégration d'une Lightbox avec la classe MaterialBoxed. La leçon comprend des illustrations et des démonstrations pour rendre vos pages web plus dynamiques et responsives.
Questions fréquentes
Programme détaillé
Module 1 - Materialize css
Module 2 - Un site en materializecss
