retina-display

I just became aware that AWT / Swing under Java JDK 1.7 (as of JDK 7u15) does not support Retina displays on Apple Macbook Pros. Netbeans, for example, is nearly unbearable to use for more than a few minutes running on a Retina display and using JDK 1.7. This has been somewhat addressed in a StackExchange question here , and quoting one specific post: Apple's Java 6 JRE will support HiDPI, however it is not currently supported by Oracle's Java 7 JRE. It also doesn't work under the latest dev builds of Java 8. Swing and JavaFX apps are blurry on a Retinia MacBook. This is why IntelliJ still

Not much help on SO or Google about this. On a Macbook Pro Retina, my Emulator is 1/4 of the real size and clicks are not working properly. Please help to setup my emulator for retina display. For clarification, the image of the emulator is scaled down to 1/4th of the available emulator window, but the clicks register across the entire window. So to unlock the device, for example, you need to guess where the unlock button is in the part of the window that is blank and then click and drag from there. Here's an image that illustrates this (hat tip Corey D): Xavier Ducrohet This is a known issue.

I don't have a Retina MacBook myself to test these things out, and there seems to be a lot of confusion on the internet about web design on high pixel density displays. Now, I assume that WebKit on a MacBook with Retina display scales the page about twice it's size as most web pages are not built to adapt to the higher pixel density? In my view the ideal case when designing for these, or actually any type of display is to use ems instead of pixels as you could just do; @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { body { font

My website images look blurry for users with retina displays. (For example, on the Retina MacBook Pro). How do I serve high-resolution images to visitors with retina displays, but standard-sized images to everyone else, while keeping the image the same apparent size? In your HTML, create a <div> like so: <div class="ninjas-image"></div> And in your CSS, add: .ninjas-image { background-image: url('ninja-devices.png'); width: 410px; height: 450px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .ninjas-image { background-image: url('ninja-devices@2x.png'); background

I have a UIWebView which displays some local text and images. Either I've made a mistake somewhere, or the UIWebView doesn't automatically handle the @2x suffix for high resolution images. So, my question is has anyone else successfully loaded @2x images into a UIWebView through the normal means, or do I need to do something special? Can I somehow detect if my user has a retina display? jer As per your request... Test for functionality. If you want to know if you need to display a retina image or a regular image, then test if your device has a retina display, not that it's of a particular

I have coded a webpage meant for retina display. I currently do not have a retina display monitor. Is there any simulator application or tool to test web pages for retina display? Or, are there monitors(not Apple's MacBook or iPad) which are similar to Apple's retina display? Thanks in advance. andrewb about:config hack on Firefox You actually can using Firefox: Go to about:config Find layout.css.devPixelsPerPx Change it to your desired ratio (1 for normal, 2 for retina, etc.) Screenshot: Refresh your page - boom, your media query has now kicked in! Hats off to Firefox for being awesome for

With the new Apple MacBook Pro with retina display, if you provide a "standard" image on your website, it'll be a little fuzzy. So you have to provide a retina image. Is there a way to automatically switch to @2x images, like iOS (with Objective-C) does? What I've found is: CSS for high-resolution images on mobile and retina displays , but I wish I could find an automatic process for all my images, without CSS or JavaScript . Is it possible? UPDATE I would emphasize this interesting article suggested by @Paul D. Waite and an interesting discussion about it linked by Sebastian . mtaube There is

I am designing a custom button with that requires me to overlay a UIButton on top of a UIImageView . The UIImageView uses a [UIImage stretchableImageWithLeftCapWidth:topCapHeight:] image and the UIButton has a background color with a pattern image [UIColor colorWithPatternImage:[UIImage imageNamed:@"buttonPattern.png"]] The problem I am facing is that on iPhone 4, the images from the UIButton and the UIImageView appear to have slightly different colors although they should match. Testing the same thing on an iPhone 3GS shows normal results without the color difference. This image shows the