Skip to main content

Über dieses Buch

This concise step-by-step guide includes the best practices and patterns that help readers of all levels to unearth the potential of Materialize. A responsive framework based on Google’s innovative Material Design language, Materialize provides CSS and JavaScript features similar to other popular frameworks such as Bootstrap and Foundation.
With the advent of Material Design, developers can no longer overlook its importance and resourcefulness in web design and development. However, incorporating this toolkit in the web application can be quite a juggle. Compared to other design languages available in the market today, Materialize is the only one that adds depth and motion to its application elements.
Ideal for web designers and developers, Introducing Materialize is your comprehensive training guide to the newest design language you need to learn.
What You'll Learn
Learn why Materialize is so popular and resourceful
Get up and Running with this awesome toolkit
Quick start with Materialize and creating unique designs
Downloading and Installing the framework
Get a grip on the fundamentals of Material Design
Gather comprehensive knowledge about the framework
Unearth the potential of this framework for real time implementation
Who This Book Is For
Ideal for web developers and designers with good experience of UI technologies such as HTML, CSS, JavaScript and jQuery. This book does not require prior experience of any responsive framework. It caters to readers on all levels ranging from beginners to experienced professionals.



Chapter 1. Introducing Materialize

Materialize is an intuitive framework along the lines of Bootstrap and Foundation. It adheres to the Material Design language launched by Google. Materialize has UI components baked in, which are easy to use and implement, and it provides styling and animations for constructing aesthetic and responsive web sites. It takes into consideration several aspects such as browser portability and responsiveness, all within a compact footprint.
Anirudh Prabhu, Aravind Shenoy

Chapter 2. Grid Fundamentals and Helper Classes

In the previous chapter, you took a look at the Material Design methodology and a basic overview of Materialize, a resourceful framework that adopts the Material Design concept. In this chapter, you will learn about the basic markup as well as the grid layout of the Materialize framework. Then you will learn about functions such as offsets, nesting of columns, and utility classes. You will also explore the responsiveness of the Materialize framework, which makes it a leading framework for web design and development.
Anirudh Prabhu, Aravind Shenoy

Chapter 3. Beyond Fundamentals

In the previous chapter, you took a look at the Materialize grid system for responsive design and development. You also looked at the helper classes provided by Materialize for regular UI requirements such as floating elements, vertically aligning the elements, and toggling the visibility of the elements.
Anirudh Prabhu, Aravind Shenoy

Chapter 4. Materialize JavaScript

In the previous chapters, you explored some important building blocks and CSS-based components in Materialize. In this chapter, you will take a look at JavaScript-powered components in Materialize and their implementation in a hands-on manner.
Anirudh Prabhu, Aravind Shenoy

Chapter 5. Materialize Components

In the last chapter, you looked at the JavaScript-powered components in Materialize. In this chapter, you will touch base with the components that are a blend of JavaScript and CSS.
Anirudh Prabhu, Aravind Shenoy


Weitere Informationen

Premium Partner