Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Building Responsive Websites with HTML 5 & CSS3
1.Introduction
Welcome
A Look At What We'll Build
2.Responsive Design Fundamentals
Key Aspects Of Responsive Design
Determining Device Resolutions To Target
Wireframing Responsive Layouts
3.The Basics: Multiple Style Sheets & Media Queries
The Concept Of Using Multiple CSS Files
Media Queries & Multiple Style Sheets
Building Media Queries Into A Single CSS File
Using Media Query Expressions
4.Building HTML Structure & CSS For All Screens
Setting Up The HTML & CSS Files
Getting Started With The Header
Inserting The Main Nav Menu
Inserting The Search Field
Problems With Applying Floats
Integrating Google Fonts API
Building The Hero Section Structure
Formatting The Hero Section
Inserting & Formatting A Call To Action Button
Building The Features Section, Part One
Building The Features Section, Part Two
Inserting The Organize Section
Building The Share Section
Building The Call To Action Area
Inserting And Formatting The Footer
Finishing Touches For The High Resolution Layout
5.Building The Tablet Layout
Setting Up The Medium Resolution CSS & Testing The Media Query
Formatting The Medium Res Header
Formatting The Medium Res Hero Section
Formatting The Features Section
Formatting The Organize And Share Sections
Building The Get Section & Finishing Up The Medium Res Layout
6.Building The Smartphone Layout
Setting Up The Low Res CSS & Testing The Media Query
Formatting The Low Res Header
Resolving Problems Caused By Floats
Formatting The Low Res Hero Section
Formatting The Features Section
Formatting The Organize And Share Sections
Building The Get Section & Finishing Up The Low Res Layout
7.Advanced Techniques For Responsive Design
Disabling Device Smart Zoom
Testing Your Responsive Layouts
Setting Up Retina Display Graphics
8.Wrapping Up
Where To Go From Here
Building The Hero Section Structure
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock