Room 118 Solutions - Web Application Development & Programming

Category Archives: Development

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.

Server Side Retina Graphics

The more I use my new iPad, the more I notice non-retina graphics. We’re spoiled by the many native apps with retina graphics, that when we browse the web, it feels like a second class citizen. It doesn’t have to. This problem isn’t going away, either. I bet we’ll start seeing retina displays in MacBooks pretty soon, and maybe even glorious 27″ retina cinema displays, too. But, even with just the iPhone 4, 4S and new iPad, we’ve got a lot of devices receiving subpar content.  Let’s fix that.

Read on

RVM/Capistrano: rvm-shell not found

If you’re trying to deploy with Capistrano to a server you just set up, and it fails with an error like this:

rvm-shell: No such file or directory

Then you probably have a newer version of RVM on your new server than on your development machine.  Update RVM and go on your way.  Hope this saves someone some frustration!


Styling Print Headers and Footers With CSS

Last week I was tasked with porting a couple of reports for a client from Crystal Reports to HTML/CSS, so I thought I’d document my trials here. Luckily because this was running on a server and the printing was initiated on the server side, I was able to focus just on one browser (Internet Explorer 8) rather than ensuring wide cross-browser compatibility. Read on