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
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