Chapter 3 - The Concept Of Using Multiple CSS Files
Tutorials : Building Responsive Websites with HTML 5 & CSS3
In this hands-on training course, you'll learn step-by-step, how to build beautifully designed, responsive websites that adjust and function perfectly on smartphones, tablets, and desktop displays. You’ll be guided through several in-depth chapters that walk you through the responsive design workflow, building HTML structure and CSS formatting for mobile and desktop displays. You'll see how to tackle common issues and handle page components between devices.
Chapter 1 Introduction
Welcome
A Look At What We'll Build
Chapter 2 Responsive Design Fundamentals
Key Aspects Of Responsive Design
Determining Device Resolutions To Target
Wireframing Responsive Layouts
Chapter 3 The Basics Multiple Style Sheets & Media Que
The Concept Of Using Multiple CSS Files
Media Queries & Multiple Style Sheets
Building Media Queries Into A Single CSS File
Using Media Query Expressions
Chapter 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
Chapter 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
Chapter 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
Chapter 7 Advanced Techniques For Responsive Design
Disabling Device Smart Zoom
Testing Your Responsive Layouts
Setting Up Retina Display Graphics
Chapter 8 Wrapping Up
Where To Go From Here