Mobile First & Responsive Web Design: Build Modern Websites! | Chris Dixon | Skillshare

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 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
    • Follow me on Skillshare!

      0:23
12 students are watching this class

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!

1,148

Students

1

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

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.

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

See full profile

Report class