Labels-as-placeholders are a popular design choice for creating minimalist and accessible forms. In this tutorial, we’ll recreate the Material Design...

You might have seen forms where the placeholder text is animated when you start typing into that input. This tutorial will explain how to implement floating...

Today, we’ll learn how to create an animated landing page with Material Kit, a free Bootstrap 4 UI Kit based on Google’s Material Design.

MDBootstrap is a popular UI kit for creating beautiful web apps that conform to the Material Design guidelines. In this tutorial, I help you get started with...

Propeller is a front-end framework that applies Material Design principles to Bootstrap websites. In our short course, Propeller: Combining Bootstrap With...

In this tutorial, you’ll learn how to use Google’s Material Design sticker sheet and Adobe Photoshop to design the user interface of a simple Android...

The Material Design language was created to address issues with flat design on smaller screens by providing visual cues to interactive elements. In this...

If you still need to get fully up to speed on Material Design, the two courses described below are ideal for you. In the first course, you'll master the...

Hype 3, by Tumult, is an OS X application for creating HTML5 animations. If you ever used Flash’s iconic timeline tools, Hype 3’s interface will seem very...

Material Design Lite (MDL), as we have learned from previous tutorials, comes with plenty of UI components including navigation, cards, and buttons, which...

Up until now we have been looking into how to implement MDL components. The question remains: how do we customize these components so that they fit within...

In this instalment of our Learning Material Design Lite (MDL) series, we’re going to look into the Menu component. This is a component which you might...