Mobile First & Responsive Web Design: Build Modern Websites!

Chris Dixon, Web Developer & Online Teacher

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

      1:56
    • 2. What you will need and useful tools

      5:25
    • 3. Why mobile first?

      2:48
    • 4. What is responsive design?

      9:42
    • 5. Getting started with the fluid grid

      7:51
    • 6. Relative units

      6:29
    • 7. Viewport Meta Tag

      3:10
    • 8. Media Queries & Breakpoints

      14:19
    • 9. Wireframe with Gliffy

      4:20
    • 10. Setting up the project

      15:43
    • 11. Header & Navigation

      14:34
    • 12. Adding the main content

      10:01
    • 13. Creating the sign up area & footer

      10:41
    • 14. Mobile first styling

      10:43
    • 15. Mobile styles continued & adding media queries

      11:06
    • 16. Finishing our project

      9:01
    • 17. Responsive Sliding Carousel

      6:19
    • 18. Responsive Social Share buttons

      8:02
    • 19. Responsive images introduction

      2:01
    • 20. Reducing Image File Sizes

      3:44
    • 21. Minification & Page Speed Insights

      7:12
    • 22. Picture Element

      12:17
    • 23. Adaptive Images

      2:23
    • 24. Introduction to Flexbox

      10:41
    • 25. Flexbox grid

      7:32
    • 26. Holy Grain Layout using Flexbox

      8:43
    • 27. Flexbox sticky footer

      3:02
    • 28. Bootstrap Framework

      12:02
    • 29. JQuery Mobile Part 1

      18:33
    • 30. JQuery Mobile Part 2

      10:00
    • 31. Other popular frameworks

      3:11
    • 32. Thank you

      1:15
    • 33. Follow me on Skillshare!

      0:23
11 students are watching this class
How students rated this class
Leave Review

Watch more to review

We ask our students to watch a few lessons before reviewing to make sure we get quality feedback!

Best Suited for
 --  Beginner Intermediate Advanced Beginner/Intermediate Intermediate/Advanced All Levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Be the first!

No ratings just yet—watch a few lessons to be the first to share whether this class met your expectations.

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Be the first to leave a review in our updated system!
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update. You are welcome to edit your old review into the new system!

30 of 32 students recommend this class
Fantastic class! Chris is a very thorough teacher who explains things in a simple way.
Youssef Zidan

Graphic Designer

i love the way you give the students a lot of external sites and tools to make their job better.