Building Responsive Websites With HTML5 & CSS3

Geoff Blake, Ten Ton Online

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
42 Lessons (3h 32m)
    • 1. Welcome

      0:48
    • 2. A Look At What We'll Build

      1:35
    • 3. Key Aspects Of Responsive Design

      2:43
    • 4. Determining Device Resolutions To Target

      4:20
    • 5. Wireframing Responsive Layouts

      4:58
    • 6. The Concept Of Using Multiple CSS Files

      10:49
    • 7. Media Queries & Multiple Style Sheets

      8:57
    • 8. Building Media Queries Into A Single CSS File

      7:38
    • 9. Using Media Query Expressions

      5:04
    • 10. Setting Up The HTML & CSS Files

      4:18
    • 11. Getting Started With The Header

      7:36
    • 12. Inserting The Main Nav Menu

      6:01
    • 13. Inserting The Search Field

      6:55
    • 14. Problems With Applying Floats

      4:19
    • 15. Integrating Google Fonts API

      3:24
    • 16. Building The Hero Section Structure

      4:25
    • 17. Formatting The Hero Section

      9:04
    • 18. Inserting & Formatting A Call To Action Button

      9:50
    • 19. Building The Features Section, Part One

      5:46
    • 20. Building The Features Section, Part Two

      4:56
    • 21. Inserting The Organize Section

      8:18
    • 22. Building The Share Section

      5:15
    • 23. Building The Call To Action Area

      6:36
    • 24. Inserting And Formatting The Footer

      3:47
    • 25. Finishing Touches For The High Resolution Layout

      4:06
    • 26. Setting Up The Medium Resolution CSS & Testing The Media Query

      7:01
    • 27. Formatting The Medium Res Header

      4:08
    • 28. Formatting The Medium Res Hero Section

      6:08
    • 29. Formatting The Features Section

      2:13
    • 30. Formatting The Organize And Share Sections

      5:17
    • 31. Building The Get Section & Finishing Up The Medium Res Layout

      2:53
    • 32. Setting Up The Low Res CSS & Testing The Media Query

      4:40
    • 33. Formatting The Low Res Header

      2:52
    • 34. Resolving Problems Caused By Floats

      4:21
    • 35. Formatting The Low Res Hero Section

      3:17
    • 36. Formatting The Features Section

      1:46
    • 37. Formatting The Organize And Share Sections

      2:58
    • 38. Building The Get Section & Finishing Up The Low Res Layout

      3:06
    • 39. Disabling Device Smart Zoom

      5:59
    • 40. Testing Your Responsive Layouts

      4:27
    • 41. Setting Up Retina Display Graphics

      6:21
    • 42. Where To Go From Here

      2:49
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!

5 of 5 students recommend this class
Probably one of the best classes I've taken on skillshare. Try it if you want to learn how to build a great website.