Building Responsive Websites With HTML5 & CSS3 | Geoff Blake | Skillshare

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