off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Building Responsive Websites with HTML 5 & CSS3

Build modern sites for any device

What's Inside

In this hands-on training course, award-winning veteran trainer Geoff Blake shows you, step-by-step, how to build beautifully designed, responsive websites that adjust and function perfectly on smartphones, tablets, and desktop displays. You'll begin with the fundamentals of responsive design, beginning with multiple style sheets, media queries and various expressions.

Next comes the fun part: 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; including tablets, desktop screens, and smartphones. Geoff shows you how to plan out your work, handle common issues that arise in a responsive layout, and how to handle various page components between device displays. Finally, the course closes with additional tricks, advanced techniques, and testing methods to ensure that your layout looks fantastic.

Course Curriculum

1.Introduction

Welcome
Preview
A Look At What We'll Build
Preview

2.Responsive Design Fundamentals

Key Aspects Of Responsive Design
Start
Determining Device Resolutions To Target
Start
Wireframing Responsive Layouts
Preview

3.The Basics: Multiple Style Sheets & Media Queries

The Concept Of Using Multiple CSS Files
Start
Media Queries & Multiple Style Sheets
Start
Building Media Queries Into A Single CSS File
Start
Using Media Query Expressions
Start

4.Building HTML Structure & CSS For All Screens

Setting Up The HTML & CSS Files
Start
Getting Started With The Header
Start
Inserting The Main Nav Menu
Start
Inserting The Search Field
Start
Problems With Applying Floats
Start
Integrating Google Fonts API
Start
Building The Hero Section Structure
Start
Formatting The Hero Section
Start
Inserting & Formatting A Call To Action Button
Start
Building The Features Section, Part One
Start
Building The Features Section, Part Two
Start
Inserting The Organize Section
Start
Building The Share Section
Start
Building The Call To Action Area
Start
Inserting And Formatting The Footer
Start
Finishing Touches For The High Resolution Layout
Start

5.Building The Tablet Layout

Setting Up The Medium Resolution CSS & Testing The Media Query
Start
Formatting The Medium Res Header
Start
Formatting The Medium Res Hero Section
Start
Formatting The Features Section
Start
Formatting The Organize And Share Sections
Start
Building The Get Section & Finishing Up The Medium Res Layout
Start

6.Building The Smartphone Layout

Setting Up The Low Res CSS & Testing The Media Query
Start
Formatting The Low Res Header
Start
Resolving Problems Caused By Floats
Start
Formatting The Low Res Hero Section
Start
Formatting The Features Section
Start
Formatting The Organize And Share Sections
Start
Building The Get Section & Finishing Up The Low Res Layout
Start

7.Advanced Techniques For Responsive Design

Disabling Device Smart Zoom
Start
Testing Your Responsive Layouts
Start
Setting Up Retina Display Graphics
Start

8.Wrapping Up

Where To Go From Here
Start

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Get started now!