Never look pixelated again

I’m super-excited to introduce my new ebook Retinafy your web sites & apps to you. It’s out now in beta!

Whether the small pixels of retina screens scare you (just kidding!) or you’ll simply don’t want to spend countless hours researching it, my book will be your guide. Step-by-step instructions will show you how to upgrade to high-resolution screens with the least effort. Plus, I’m obsessed about loading speed and image quality.

Learn about…

• What’s a Retina screen, and which variations are out there
• Why you should use high-resolution images by default
• The most efficient way to target retina screens in CSS
• How to use CSS and SVG to replace bitmapped user interface elements
• Deciding if you need two versions of an image
• Creating beautiful favicons that work great on any screen
• How to keep file sizes of images in check
• Why JavaScript-based image replacement techniques are a bad idea

And create Retina-ready web sites in no time!

The book also includes easy to follow rules, a decision tree and case studies; as well as detailed comparisons of various quality settings when dealing with high-resolution photos. You’ll also learn how to workaround issues when features are not supported (SVG on Android, hah) and when things are rendered badly.

Right now, the book is in beta and rough around the edges… but you’ll save a cool $10 off the final price if you buy before it’s finalized (the final version should be available in late Summer 2012!).

Head over to Retinafy.me to grab your copy!