Responsive Web Development: HTML & CSS for Web Designers

Christopher Dodd, Web Developer / Educator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
14 Lessons (1h 45m)
    • 1. Introduction

      1:15
    • 2. Design vs Development - Responsiveness

      2:24
    • 3. Design vs Development - Code & Visual Display

      2:53
    • 4. Design vs Development - SEO

      2:50
    • 5. PSD to HTML - Before we get started

      1:30
    • 6. PSD to HTML - Setup

      2:53
    • 7. PSD to HTML - Structure

      23:54
    • 8. CSS - Section 1

      22:48
    • 9. CSS - Section 2

      20:56
    • 10. CSS - Section 3

      23:13
    • 11. CSS - Media Queries

      28:21
    • 12. Creating a Mobile Menu

      17:39
    • 13. Bonus: Intro to Bootstrap

      13:00
    • 14. Conclusion

      0:56
24 students are watching this class

Project Description

Our class project is to do exactly as we have done in this class and turn a static web design into a fully responsive web page.

You may choose to recreate an existing website that you like the look of or you could search for templates online that you would like to create in HTML and CSS.

Once you're done, please post the design and the finished page (or a link to it) in the 'Projects' section of this class.

Student Projects

project card
Darja B
1 comment