Responsive Design with NEW Materialize

Mobile First Responsive Design - Learn to create a custom Responsive Web Site within minutes with Materialize Framework

Materialize is the NEW EVOLUTION of Responsive Design MOBILE FIRST THINKING

A modern responsive front-end framework based on Material Design. Incredibly easy to use, BETTER than Twitter Bootstrap. Materialize has thought of everything. The design and development approach is made extremely user friendly. Take advantage of what Google has to offer. Download this open source framework for yourself and see how easy it is to use.

In this course we will teach you

  • Forms will blow your mind - what you always wanted to do
  • More navigation options that bootstrap
  • media options and components have never been easier and more mobile friendly
  • Modals are even easier to apply with more options
  • easy to add classes that bring your site to life

Benefits of using Materialize

  • Speeds up development
  • User Experience Focused
  • Easy to work with

Create RESPONSIVE WEBSITES in minutes.

Don't waste time when all the heavy lifting is done for you.

Utilizing elements and principles of Material Design.

Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.

After completion of this course you will have the skills needed to make FULLY RESPONSIVE WEBSITES.

This course will teach you to create AWESOME Mobile first FULLY responsive websites in minutes using the Materialize open source framework from Google.

Material Design by Google is the latest and most powerful CSS JS framework. Better than the super popular Twitter Bootstrap. Much like Bootstrap it is grid based but Materialize has a lot of functionality that Bootstrap is lacking. Yes, once you work with Materialize you won't go back to Bootstrap. Its that good!!!!

Designed totally with mobile in mind, it has built in swipe functionality, modals, responsive images and incredible form functionality.

Text is responsive, truncate text, and much more.

upon completion of this course you will be able to create a responsive website, using this framework is easy. STOP wasting time with styling, use a well thought out framework that will seem like magic.

Its not magic, its Materialize that brings websites to life like nothing before.

Course Intro
Course Tips and News
Resources Downloads
What this course is about
course system setup
How to Get Materialize
What is Materialize and Material Design
Materialize vs Bootstrap compare
Challenege section instructions
Challenge Site Changes Color
Challenge Update Change Icons
Challenge Add new Column
Challenge image popup windows
Challenege make it a button
Flow Text Responsive Text
working with colors and color palettes background color
Grid Pattern
Float Align
Hide
Helpers animations and truncated text
Media Picture Videos made responsive HTML5 Player
Depth shadows zindex on everything
Materialize Cheat Sheet CSS
Quiz Challenge
Components Buttons and Badges
Cards
Collections
Amazing Forms
NavBar
More components must see
Materialize Cheat Sheet Components
Quiz 2 Components
Collapsible
Dialogs
Media
modals
scrollFire
Course Tips

What's included

  • 31 Video Lessons
  • 7 Text Lessons

  • Works on all devices
  • Certificate of completion

Laurence Svekis

Instructor