Web Page Design

Responsive Web Design Techniques

Learn techniques for creating responsive web pages.

Dates & Times

CourseDate & TimeLocationCost
Responsive Web Design TechniquesFebruary 22 - 8:30 - 4:30LathamRegister
Responsive Web Design TechniquesApril 25 - 8:30 - 4:30LathamRegister

Course Outline

Corporate and NYS discounts do not apply for this course.

Includes:
Courseware
Follow-up support by email or phone for an unlimited period

Lesson 1: Introduction to Responsive Web Design

  • Introduction to the Project
  • Converting PX to EMs
  • Converting Nested PX to EMs
  • Why Responsive Web Design?
  • Intro to Fluid Grids & Media Queries
  • Fixed, Fluid, Adaptive, and Responsive

Lesson 2: Creating a Fluid Foundation

  • Converting Pixels to Percentages
  • Creating Flexible Margins
  • Scalable Images

Lesson 3: Adaptive Design

  • Intro to Adaptive Design
  • Finding Your Breakpoints
  • Implementing Media Queries
  • Viewports

Lesson 4: Responsive Design

  • Intro to Responsive Web Design
  • Content Defined Breakpoints
  • Vector Graphics (SVG)
  • Raster Images
  • Tools and Testing

Lesson 5: Advanced Techniques

  • Viewport Sized Typography & FitText.js
  • Flexible Videos with FitVids.js
  • Modifying Your Workflow