Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Pluralsight

Applying Responsive Retrofitting Techniques to a Fixed-width Site in CSS

via Pluralsight

Overview

Explore responsive retrofitting strategies and techniques to control the appearance and behavior of fixed-width sites across multiple screen sizes and devices without a complete code rewrite. Software required: CSS, HTML, Sublime Text, Chrome, Photoshop CS6.

Throughout these CSS tutorials, we'll explore responsive retrofitting strategies and techniques to control the appearance and behavior of fixed-width sites across multiple screen sizes and devices without a complete code rewrite. We'll cover how to make a legacy site responsive using font-relative units, web fonts, responsive columns, retina-ready images, border control, media queries, and some additional resources. By the end of this CSS training, you'll have learned that responsive design is no longer just a nice to have; it's the new reality of designing for users who expect a great experience on your site across multiple devices and screen sizes. Software required: CSS, HTML, Sublime Text, Chrome, Photoshop CS6.

Syllabus

  • Introduction and Project Overview 1min
  • Applying Responsive Retrofitting Techniques to a Fixed-width Site in CSS 63mins

Taught by

Rachel Wilkins Patel

Reviews

3.3 rating at Pluralsight based on 18 ratings

Start your review of Applying Responsive Retrofitting Techniques to a Fixed-width Site in CSS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.