Material Design - Materialize CSS

December 2020 / January 2021

🔨 From Udemy Materialize CSS - Apprendre à créer des sites en Material Design.

---

Materialize is a UI component library created with CSS, JavaScript, and HTML.

Materialize UI components help in constructing attractive, consistent, and functional web pages and web apps, while adhering to modern web design principles such as browser portability, device independence, and graceful degradation.

It helps in creating faster, beautiful, and responsive websites.

It is inspired from Google Material Design.

Demos

Final project: showcase site

Overview: CSS

Overview: Components

Overview: Javascript

Overview: Forms

Subjects covered

CSS

• Typography
• Colors
• Grids
• Alignment
• Medias
• Effects
• Tables

Components

• Buttons
• Icons
• FloatingBtn
• Cards
• Collections
• Navbars
• Preloader
• Footer

Javascript

• Carousel
• Accordion
• DropDown
• Discovery
• Modales
• Parallax
• ScrollSpy
• Toast&ToolTips
• Waves

Forms

• Auto Complete
• Range, boxes, radio
• Select, switches
• Inputs

Useful links

• Material Design
• Materialize CSS
• Google Design
• Ziratsu/BAS-1-CSS-MATERIALIZE
• Ziratsu/BAS-2-COMPOSANTS-MATERIALIZE
• Ziratsu/BAS-3-JAVASCRIPT-MATERIALIZE
• Ziratsu/BAS-4-Formulaires-MATERIALIZE
• Ziratsu/SiteMaterializeForm
• Unsplash Source
• Materialize Tabs