retina-display

Now I am making a Game with spritekit(swift) in Xcode 6. It has to be playable for iPhone 4s and higher. But as far as I know are all iphones from 4s and higher Retina so I can add all images with (750 x 1334 pix) and with @2x.png. So I do not need to add images without @2x.. Am I correct? Example: If you have a 512 x 512 (1x) image and you want it to support (2x and 3x) you have to include those 2 files like this: yourImage.png // (512x512 at 1x) yourImage@2x.png // (1024x1024 at 2x) yourImage@3x.png // (1536x1536 at 3x) " iOS Human Interface Guidelines: Icon and Image Sizes " lists asset

Today morning I build and run my xcode project. When simulator launched I saw this: The screen is scaled , I see only 1/4 part, other 3/4 parts are hidden . Did anybody faced with same problem? The issue happens in xCode6, Xcode5 , also in AppCode . I tried to Clean project, switched to iPhone5 screen , iPad , the same problem. Also, this happens with my other iOS projects. Finally, I got the reason why this bug appears at work and not at home :) Because at work I don't have external display ( monitor ), but at home (DELL, non-retina off course) If you want this bug not to appear, just connect

I found many questions about Retina Display, but none of the answers were on the server side. I would like to deliver a different image according to the screen, ex (in PHP): if( $is_retina) $thumbnail = get_image( $item_photo, 'thumbnail_retina' ) ; else $thumbnail = get_image( $item_photo, 'thumbnail' ) ; Can you see a way of dealing with this? I can only imagine a test in JavaScript, setting a Cookie. However this requires an initial exchange to set it. Anyone have a better solution? Cookie setting code: (function(){ if( document.cookie.indexOf('device_pixel_ratio') == -1 &&

By default I want to give my body element a green border. On a device that supports retina display I want to check for size first. On an ipad I want to give my body a red border and on an iphone I want to give it a blue border. But nesting media queries like so doesn't work: body { border: 1px solid green; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { @media (max-width: 768px) and (min-width: 320px) { body { border: 1px solid red; } } @media (max-width: 320px) { body { border: 1px solid blue; } } } cirrus No. You need to use the and operator and write that as two

I have an UIView with many UIImageViews as subviews. The app runs on iOS4 and I use images with retina display resolution (i.e. the images load with scale = 2) I want to save the contents of the UIView ... BUT ... have the real size of the images inside. I.e. the view has size 200x200 and images with scale=2 inside, I'd like to save a resulting image of 400x400 and all the images with their real size. Now what comes first to mind is to create a new image context and load again all images inside with scale=1 and that should do, but I was wondering if there is any more elegant way to do that?

Note, I'm looking to make a 1px line, not a 1pt line. Meaning it should be 1px regardless of screen scale (so 0.5pt on Retina devices). I can do this programmatically, but can I do it in the Interface Builder? For example I cannot set a UIView to have a height of less than 1. If I can do it in IB then I don't have to declare an outlet and manually set the frame in awakeFromNib . Xcode 7.3 right down corner: add Height constraint in Pin. Just in case someone else comes here wanting to know how it can be done programmatically, heres how you do it: Interface Builder Make a height constraint in IB

Is there a way to simulate a Retina display on Windows to test a website for HiDPI displays such as Retina? I run Windows on a standard 24" 1920x1080 monitor. Last night I checked out my website on a friends brand new 15" Retina MacBook Pro and the graphics looked all blurry (far worse than on a regular 15 inch MacBook), while the font was super crisp and sharp, making the logo appear even worse because of the direct comparison. I have followed this tutorial to make my website Retina ready: http://line25.com/tutorials/how-to-create-retina-graphics-for-your-web-designs I used the retina.js