SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • Retrofit an Existing Site into Using Modern, Responsive Web Design Practices
Retrofit an Existing Site into Using Modern, Responsive Web Design Practices

Retrofit an Existing Site into Using Modern, Responsive Web Design Practices

Tackle common problems associated with Responsive Design: navigation, forms, tables, videos & images


Course details

4.7∙280 Ratings98 reviews

Published
July 2013
Videos
28
Duration
3h 7m
Happy students
4653

Take this course

About the course

Responsive Web Design is now an essential skill for every web designer and developer. As a second step from the fundamentals covered on covered in [Responsive Web Design: Key Concepts](https://sitepoint.com/premium/courses/responsive-web-design-key-concepts-2759/), this course will help you solve real world problems associated with building RWD websites: navigation, forms, tables, videos & images. Learn the building blocks of RWD so that you can create beautiful websites that look fantastic on any device. We'll look at the in's and out's of producing each component of a responsive web page and testing them across devices. At the end of the course, you'll also learn to fully retrofit an existing fixed-width website. This course covers the technicalities of building responsive sites and is intended for web developers. To make the most of this course, ensure you first understand everything covered in [Responsive Web Design: Key Concepts](https://sitepoint.com/premium/courses/responsive-web-design-key-concepts-2759/).

Course Instructor

Russ Weakley

Russ Weakley

Russ is a world-renowned author, speaker and CSS expert. Russ has a detailed knowledge of Design and development. His expertise covers graphic design, interface design, site architecture and standards based development.

Course Outline

Lesson 1: Visible page measurements
  • Free
    Introduction
    3:20
  • Locked
    Folder and files – part 1
    10:56
  • Locked
    Folder and files – part 2
    6:19
  • Locked
    The :before pseudo-element
    5:43
  • Locked
    Exercise – Creating visible page measurement
    7:39
Lesson 2: Responsive navigation
Lesson 3: Fluid video
Lesson 4: Responsive forms
Lesson 5: Responsive tables
Lesson 6: Responsive images
Lesson 7: Retrofit an existing site

Reviews
4.7

259 total

197
51
6
0
1

Course details

4.7∙280 Ratings98 reviews

Published
July 2013
Videos
28
Duration
3h 7m
Happy students
4653

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy