Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Responsive Design with NEW Materialize

Laurence Svekis, Web technology Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
31 Videos (1h 9m)
    • 1 Learn about materialize

      1:18
    • 4 Course introduction Materialize

      1:46
    • 5 course system setup

      1:27
    • 6 how to get Materialize

      2:37
    • 7 material deisgn what is it

      1:56
    • 8 Materialize vs Bootstrap compare

      2:34
    • 9 Challenege section instructions

      1:02
    • 10 Challenge Site Changes Color

      2:34
    • 11 Update Change Icons

      3:22
    • 12 Challenge Add new Column

      2:59
    • 13 Challenege image popup windows

      2:50
    • 14 Challenege make it a button

      3:09
    • 15 Flow Text Responsive Text

      1:11
    • 16 working with colors and color palettes

      1:33
    • 17 Grid Pattern

      3:33
    • 18 Float Align

      2:28
    • 19 using hide

      0:52
    • 20 Helpers animations and truncated text

      0:48
    • 21 Media Picture Videos made responsive HTML5 Player

      1:14
    • 22 Depth shadows zindex on everything

      1:15
    • 24 Components Buttons and Badges

      3:07
    • 25 what are cards

      3:21
    • 26 more about Collections

      3:14
    • 27 creating Amazing Forms

      5:42
    • 28 how to create a NavBar

      2:40
    • 29 More components must see

      1:16
    • 31 Make it Collapsible

      1:19
    • 32 using Dialogs

      2:13
    • 33 adding media

      3:03
    • 34 modals can do it

      1:10
    • 35 what is scrollFire

      1:21

About This Class

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.

136

Students

--

Projects

Laurence Svekis

Web technology Instructor

Providing Smart digital solutions online since 2001. I am considered a true web technology expert. Having professional experience in a wide range of digital areas. Everything from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

Understanding how users flow through the web and learning what drives users to interact online has been the cornerstone of what I do. The more seamless the process the better the user experienc...

See full profile