Mobile First & Responsive Web Design: Build Modern Websites! Premium class

Chris Dixon, Web Developer & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
32 Videos (4h 15m)
    • Welcome to the course

      1:56
    • What you will need and useful tools

      5:25
    • Why mobile first?

      2:48
    • What is responsive design?

      9:42
    • Getting started with the fluid grid

      7:51
    • Relative units

      6:29
    • Viewport Meta Tag

      3:10
    • Media Queries & Breakpoints

      14:19
    • Wireframe with Gliffy

      4:20
    • Setting up the project

      15:43
    • Header & Navigation

      14:34
    • Adding the main content

      10:01
    • Creating the sign up area & footer

      10:41
    • Mobile first styling

      10:43
    • Mobile styles continued & adding media queries

      11:06
    • Finishing our project

      9:01
    • Responsive Sliding Carousel

      6:19
    • Responsive Social Share buttons

      8:02
    • Responsive images introduction

      2:01
    • Reducing Image File Sizes

      3:44
    • Minification & Page Speed Insights

      7:12
    • Picture Element

      12:17
    • Adaptive Images

      2:23
    • Introduction to Flexbox

      10:41
    • Flexbox grid

      7:32
    • Holy Grain Layout using Flexbox

      8:43
    • Flexbox sticky footer

      3:02
    • Bootstrap Framework

      12:02
    • JQuery Mobile Part 1

      18:33
    • JQuery Mobile Part 2

      10:00
    • Other popular frameworks

      3:11
    • Thank you

      1:15

About This Class

e3e36ce6

There has never been a better time to learn responsive web design and take a mobile first approach.

Smartphone and tablet users no longer accept that they should have a poor web browsing experience because of the device they are using. Catering for mobile users is now essential.

This course teaches you how to put your HTML & CSS skills to great use by creating mobile first and responsive websites, which look great on any device.

There has never been a better time to learn responsive web design and take a mobile first approach.

Smartphone and tablet users no longer accept that they should have a poor web browsing experience because of the device they are using. Catering for mobile users is now essential.

This course teaches you how to put your HTML & CSS skills to great use by creating mobile first and responsive websites, which look great on any device.

The web is going mobile, make sure your websites are ready!

22 of 24 students recommendSee All

very thorough and comprehensive
Very thorough and straight to the point.
This is the perfect class for learning what responsive web design is all about and how to do it yourself. I've read a bunch of articles online and just couldn't grasp the concept, but Chris' class finally made it make sense to me. It's easy to follow and he shares lots of free resources to save you time and optimize your designs. Very comprehensive. I would recommend proficiency in HTML and at least working knowledge of CSS before starting the class.

580

Students

1

Projects

Chris Dixon

Web Developer & Online Teacher

Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and i have watched the web evolve into what it is today.

I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.

Thanks for taking an interest and I look forward to you joining me.

Chris