Materialize Tutorial Wallpaper
Materialize Tutorial
Materialize Tutorial for Beginners - Learn Materialize in simple and easy steps
starting from basic to advanced concepts with examples including Overview,
Environment Setup, Colors, Grids, Helpers, Media, Shadows, Tables, Typography,
Badges, Buttons, BreadCrumb, Cards, Chips, Collections, Footer, Form, Icons, Navbar,
Pagination, Preloader, Collapsible, Dialogs, Dropdowns, Tabs, Waves.
Materialize
Materialize Tutorial
Materialize is a UI component library created with CSS, JavaScript, and HTML. Materialize UI compone
Materialize – Overview
Materialize is a UI component library created with CSS, JavaScript, and HTML. Materialize reusable U
Materialize – Environment Setup
In this chapter, we will discuss on the different aspects of setting up a congenial environment for
Materialize – Colors
Materialize supports a rich set of color classes. These color classes are inspired and developed con
Materialize – Grids
Materialize provides a 12 column fluid responsive grid.It uses the row and column style classes to d
Materialize – Helpers
Materialize has several utility classes useful for day-to-day designing needs.Color utility classes&
Materialize – Media
Materialize has several classes to make images and videos responsive to different sizes.responsive-i
Materialize – Shadows
Materialize has several special classes to display containers as paper-like cards with shadow.Sr.No.
Materialize – Tables
Materialize can be used to display different types of tables using various styles over table.Sr.No.C
Materialize – Typography
Materialize uses Roboto 2.0 as a standard font. It can be overridden using the following C
Materialize – Badges
Materialize badge component is an on screen notification, which can be a number or an icon. It is ge
Materialize – Buttons
Materialize provides different CSS classes to apply various predefined visual and behavioral enhance
Materialize – BreadCrumb
Materialize provides various CSS classes to create a nice breadcrumb in an easy way. The following t
Materialize – Cards
Materialize provides different CSS classes to apply various predefined visual and behavioral enhance
Materialize – Chips
Materialize provides a special component called Chip, which can be used to represent a small set of
Materialize – Collections
Materialize provides special classes to represent various types of collections, where a collection r
Materialize – Footer
Materialize provides special classes to represent various types of collections where a collection re
Materialize – Form
Materialize has a very beautiful and responsive CSS for form designing. Following CSS are used −Sr.N
Materialize – Icons
Materialize supports the following popular icon libraries −Font Awesome IconsGoogle Material IconsBo
Materialize – Navbar
Materialize provides various CSS classes to create a nice navigation bar in an easy way. The followi
Materialize
Materialize – Pagination
Materialize provides various CSS classes to create a nice pagination bar in an easy way. The followi
Materialize – Preloader
Materialize provides various CSS classes to apply various predefined visual and behavioral enhanceme
Materialize – Collapsible
Materialize provides various CSS classes to apply various predefined visual and behavioral enhanceme
Materialize – Dialogs
Materialize provides various special methods to show unobtrusive alerts to the users. Materialize pr
Materialize – Dropdowns
Materialize provides dropdown CSS class to make a ul element as a dropdown and add the id of the ul
Materialize – Tabs
Materialize provides tabs CSS class to make a ul element as a tab. The following table men
Materialize – Waves
Materialize uses Waves, an external library, to create ink effect outlined in Material Design. Follo
Materialize – Useful Resources
The following resources contain additional information on Materialize. Please use them to get more i
Discuss Materialize
Materialize is a UI component library created with CSS, JavaScript, and HTML. Materialize UI compone
iPhone 5 5S resolutions : 640 x 1136
iPhone 6 6S resolutions: 750 x 1334
iPhone 6 6S Plus resolutions: 1080 x 1920
Android Mobiles HD resolutions: : 360 x 640 540 x 960 720 x 1280 1080 x 1920
Widescreen Resolution : 1280x800 Widescreen Resolution : 1280x800 1440x900 1680x1050 1920x1200 1680x1260 Original
HD Resolution : 1280x720 1366x768 1600x900 1920x1080
Mobiles HD resolutions: : 480x640 768 x 1280
Mobiles QHD resolutions : 1440 x 2560
1600x900 Mobile iPhone : 960x640 1136x640 1134x750
Tablet Android/iPad : 1024x768 1280x1280 960x640
Comments