Book Image

Learning Material Design

By : Kyle Mew, Nadir Belhaj
Book Image

Learning Material Design

By: Kyle Mew, Nadir Belhaj

Overview of this book

Google's Material Design language has taken the web development and design worlds by storm. Now available on many more platforms than Android, Material Design uses color, light, and movements to not only generate beautiful interfaces, but to provide intuitive navigation for the user. Learning Material Design will teach you the fundamental theories of Material Design using code samples to put these theories into practice. Focusing primarily on Android Studio, you’ll create mobile interfaces using the most widely used and powerful material components, such as sliding drawers and floating action buttons. Each section will introduce the relevant Java classes and APIs required to implement these components. With the rules regarding structure, layout, iconography, and typography covered, we then move into animation and transition, possibly Material Design's most powerful concept, allowing complex hierarchies to be displayed simply and stylishly. With all the basic technologies and concepts mastered, the book concludes by showing you how these skills can be applied to other platforms, in particular web apps, using the powerful Polymer library.
Table of Contents (17 chapters)

Chapter 8. Material Web Frameworks

Developing and designing for desktop environments differs in many ways from mobile environments. There is the larger screen, the absence of a touchscreen, and most significantly, a large number of browsers and operating systems that our page or app may find itself running on.

Although Android Studio and SDK are really the only choice when it comes to developing Android apps, there are a lot of options when it comes to web design. By far the fastest way to develop is with a CSS framework. This generally provides the CSS and JavaScript files that make up an empty web project. Which of these frameworks we use depends on several factors, including the purpose of our project and previous experience.

In this chapter, we will take an introductory look at two of the most commonly used frameworks, Materialize and Material Design Lite (MDL). We will also briefly cover some of the other tools available, and these will demonstrate the different approach required when...