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

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.
Course info
Rating
(18)
Level
Advanced
Updated
Oct 28, 2014
Duration
1h 4m
Table of contents
Description
Course info
Rating
(18)
Level
Advanced
Updated
Oct 28, 2014
Duration
1h 4m
Description

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.

About the author
About the author

Rachel Wilkins Patel is a technologist with experience in web and application development, web marketing, and new media production.