5 avg. rating (100% score) - 5879 votes
Materialize is principally css framework which is used to make responsive websites. Materialize framework is mainly built on google's material design concept. Want to build your career in materialize then we in wisdomjobs have provided you with the complete details about materialize interview question and answers along with that we also provide various job roles that you can apply. If you are familiar with materialize then there are many companies that offer jobs roles like warehouse incharge, sales manager, store incharge along with that there are many other rules that you can apply too. One must work hard to clear any type of interview so to make it simple we have provided every details about Materalize jobs in wisdom jobs site so feel free to visit our job site.
Materialized CSS was released on 8 November 2015.
Following is a list of some salient features of Materialize CSS:
There are two methods to use Materialize CSS:
Local Installation: It is achieved by downloading the materialize.min.css and materialize.min.js files on our local machine and include them in your HTML code.
CDN Based Version: By including the materialize.min.css and materialize.min.js files into our HTML code directly from the Content Delivery Network (CDN).
A list of different Utility classes in Materialize CSS:
Color utility classes: Examples: .red, .green, .grey etc.
Alignment utility classes: Examples: .valign-wrapper, .left-align, .right-align, .center-align, .left, .right etc.
Hiding Content utility classes as per device size: Examples: .hide, .hide-on-small-only, .hide-on-med-only etc.
Formatting utility classes: Examples: truncate, hoverable etc.
List of classes used to create responsive images and videos in Materialize CSS:
responsive-img: This class is used to create an responsive image.
video-container: This class is used to create responsive container. That has embedded videos.
responsive-video: This class is used to create HTML5 videos responsive.
A badge is a component which is used to provide an onscreen notification. It can be a number or icon. It is used to emphasize the number of items.
The following classes of Badges are used in Materialize CSS:
badge: It identifies element as an MDL badge component.
new: It is used to add a new class to badge component.
Materialize CSS provides two classes for BreadCrumb:
nav-wrapper: It is used to set the nav component as breadcrumb/nav bar wrapper.
breadcrumb: It is used to set the anchor element as breadcrumb.
Chip is a component of Materialize CSS which represents a small set of information like a tag does.
You can create a pagination in Materialize CSS by using pagination class. This class is used with ul element.
<li class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li>
<li class="active"><a href="#!">1</a></li>
<li class="waves-effect"><a href="#!">2</a></li>
<li class="waves-effect"><a href="#!">3</a></li>
<li class="waves-effect"><a href="#!">4</a></li>
<li class="waves-effect"><a href="#!">5</a></li>
<li class="waves-effect"><a href="#!"><i class="material-icons">chevron_right</i></a></li>
There are two types of dropdown classes in Materialize CSS:
There are following classes to create responsive and video that are listed table:
Materialize provides various method to show unremarkable alerts. It also provides a term toast form them.
Following is given syntax:
Materialize.toast(message, display Length, className, complete Callback);
message: It is used to displayed Message to the user.
displayLength: Duration of the message after it will disappear.
className: Style class to be applied to the toast. For example, 'rounded'.
complete Callback: This Callback method to be called once toast is dismissed.
Materialize Related Tutorials
|HTML 4 Tutorial||CSS3 Tutorial|
|HTML 5 Tutorial||CSS Advanced Tutorial|
Materialize Related Interview Questions
|HTML 4 Interview Questions||CSS3 Interview Questions|
|HTML 5 Interview Questions||Material Science Interview Questions|
|Materials management Interview Questions||CSS Advanced Interview Questions|
|Java Programmer Interview Questions|
All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd
Wisdomjobs.com is one of the best job search sites in India.