Room 118 Solutions - Web Application Development & Programming

Website Optimization for Retina Displays How-to

Packt Publishing has recently released their introduction to retina displays as part of their Instant line, entitled Website Optimization for Retina Displays How-to, by Kyle J. Larson.

The book provides a quick overview of many of the different ways of serving higher density images to retina displays. Kyle starts with the basics using <img> tags and CSS, working through media queries and using fonts for icons, all the way onto Javascript and server-side methods for swapping in higher density images. Over 10 different techniques are shown, each with a description and sample code to demonstrate it. If your client just started complaining their site is blurry on their new Retina MacBook Pro, or you’re just looking to keep up with recent trends, this book is a good, quick place to start understanding your options.

Back in April of 2012, Jim shared his thoughts on dealing with retina displays in his own post, Server Side Retina Graphics.

Chris Gunther

About Chris Gunther

Chris has been developing for the web for over four years, but began tinkering with PHP and Visual Basic long before. Originally getting his start in PHP, he's now rediscovered his passion for programming with Ruby on Rails. His dreams are sometimes haunted by the semantics of his latest markup.

When he's not coding, Chris can be found taking in a Yankees game, cheering on the Jets, learning new chords on the guitar, or cycling all around town.

View all posts by Chris Gunther →