During the pandemic all in-person classes are delivered live online. You can retake the course in-person at no cost once our classrooms reopen. See how live online training works in this brief video.

During the pandemic all in-person classes are delivered live online. You can retake the course in-person at no cost once our classrooms reopen. See how live online training works in this brief video.

All classes include

free retakes of courses Free retakes

Curriculum provided Detailed curriculum

Live instructor Live instructor

flexible rescheduling Flexible rescheduling

flexible rescheduling Certificate of Completion

Responsive Web Design Class Online February 24 2023

Responsive Web Design Class

-
Online Training

$495.00

This responsive web design class provides you with the skills to create responsive websites that adapt to various screen sizes and resolutions. Discover how to create sites that render correctly across mobile, tablet, and desktops using fluid grids, CSS, flexible foundation, and more. Knowledge of all topics covered in the introductory HTML and CSS class is required before enrolling in this web design course.

Download Course Description (PDF)
See all Web Design Classes, See all Responsive Web Design Classes

Responsive Web Design Course Topics 

Responsive Web Design Overview

  • Foundations of Responsive Design
  • Defining Responsive Web Design
  • The User Experience Challenges of a Responsive Design
Creating the Basic Structure of a Responsive Web Design
  • Using HTML5 for Structure
  • Styling with Web Fonts
  • Styling Text with Ems
  • Defining the Basic Text Styles
  • Styling a Single-Column Layout for a Responsive Layout
  • Working with the CSS3 Text-Shadow Property
  • Working with CSS3 Selectors
  • Adding Responsive Images
Navigation for a Responsive Design
  • An Overview of Mobile Navigation
  • Introduction to Media Queries
  • Adding a Toggle Menu
Media Queries and Responsive Layout
  • Adding Styles for a Desktop Layout
Optimizing Responsive Designs
  • Adding Mobile and Older Browser Support
  • Testing your Responsive Design
  • Improving Page Performance