WebKit now supports srcset image attribute

<img src="image-src.png" srcset="image-1x.png 1x, image-2x.png 2x" alt="Example of the srcset attribute. Image contains a coloured striped pattern with some inline text that indicates which of the candidate images were selected."> WebKit now supports the srcset attribute on image (img) elements. This allows you, the developer, to specify higher-quality images for your users who have high-resolution …

Office for Mac 2011 Retina update not working — Fix!

Today Microsoft released a Retina update for the entire Office for Mac suite. After installing it however the apps still opened in non-retina mode. A reboot didn’t help either. Turns out Microsoft forgot to change the modification date of each Office for Mac app, a date which Finder uses to detect any changes — such …

Running Aptana Studio/Zend Studio/Eclipse on a Retina MacBook Pro

Eclipse based products such as Aptana Studio or Zend Studio are not retina-ready. Luckily, there’s a way to force it to running in Retina mode. Just follow these instructions: Locate Aptana Studio.app Right click it and select Show package contents Open Contents/Info.plist with your favorite text editor Locate the two lines that read </dict> </plist> …

CSS image-set in Webkit (Safari/Chrome)

Safari 6 and Chrome 21 added vendor-prefixed support for the proposed CSS4 image-set specification. This proposed specification is designed to support displays with different pixel densities (read: retina displays). background-image: url(image.jpg); background-image: -webkit-image-set(url(image.jpg) 1x, url(image@2x.jpg) 2x); /* Also include other prefixed versions of this … */ background-image: image-set(url(image.jpg) 1x, url(image@2x.jpg) 2x); Safari 6 and Chrome …

Retina MacBook Pro Screen Burn-In

My brand spanking new Retina MacBook Pro, only two weeks old, is suffering from burn-in issues (screen set at full brightness, burn-in happens in less than a minute, all back to normal after less than five minutes) Turns out I’m not the only one. The problem seems to affect MacBook Pros sporting Retina Display’s built …

Retinafy your web sites & apps

Now that phones, tablets and laptops use high-resolution, “can’t tell it’s pixels” displays it’s time to take the plunge and make your sites and apps ready for retina. With my ebook you’ll be up to speed in no time, with easy to follow step-by-step instructions on creating stunningly beautiful high-resolution websites, that load fast and …