retina-display

CSS Filter on Retina Display: Fuzzy Images

由 廉价感情. 提交于 2019-12-03 11:40:01
问题 When you apply a -webkit-filter and a -webkit-transition to an Image and change the filter on hover, the image transition does well, but then the image gets really fuzzy. Note: This only happens on Retina-Displays — no problem at all with 'normal' ppi-displays, but fuzzy on for example a new MacBook Pro with Retina Display. My CSS (without vendor-prefixes): img {filter:grayscale(1);filter:saturate(0%);transition:2s ease;width:200px;height:200px} img:hover {filter:grayscale(0)}​ Note: to see

DPI in Retina iPad app design

由 大城市里の小女人 提交于 2019-12-03 11:24:31
问题 I don't know if this belongs in StackOverflow or some other SE site, but here goes. I have a PSD design I have an iOS development team turning into a Retina iPad app. However, this design is made in the default 72 dpi. The development team is now saying the design should be 264 dpi (same as a Retina iPad) -- as well as a 132 dpi version for the non-Retina edition. This confuses me, as I was under the impression that dpi just represents how many pixels go into an inch of output, and therefore

UIImage imageNamed: does not automatically pick retina @2x images

由 徘徊边缘 提交于 2019-12-03 09:16:19
问题 Let's say I have three images in a bundle or asset catalog: Default~iphone.png Default@2x~iphone.png Default-568h@2x.png On iOS 4 and later, the UIImage constructor can take the image name as follows: [UIImage imageNamed:@"Default"]; When I am on a 3.5 inch retina display (iphone) it automatically picks image (2). If on a non-retina display it picks (1). This is great. I named image 3 as specified for the 4 inch retina (iPhone 5) launch image. Is there a way to name image (3), so that when I

Configuring Jupyter notebooks for inline Retina Matplotlib figures

由 北战南征 提交于 2019-12-03 05:56:51
问题 I want the effect of import numpy as np import matplotlib.pyplot as plt %matplotlib inline %config InlineBackend.figure_format='retina' at the launch of all my Jupyter notebooks, but I can't figure out what the current approach is for accomplishing this. There are many answers here and elsewhere, but none that I can find seem to be up to date. How do I accomplish the above in the current versions of Jupyter notebooks (but not IPython generally!): what settings should I apply where is the

How to create 1536x2048 framebuffer for iPad Retina sample (GLGravity)

由 女生的网名这么多〃 提交于 2019-12-03 05:19:47
问题 So of course the first thing I'm trying on my new iPad (4g) is the old GLGravity example. The only modification I've made is to set the target device to "iPad". However, when running on the device, the UIView's bounds are set to 768,1024 as are the "backingWidth, backingHeight" in createFramebuffer. Eyeballing the image confirms it's still being rendered at 768x1024. What have I missed - how do I get this to render at native resolution? 回答1: To enable conditional support for Retina graphics,

PhoneGap and Retina display

由 情到浓时终转凉″ 提交于 2019-12-03 05:11:25
问题 I'm creating an app for iPhone using phoneGap, but I'm sure it is not working using retina display, instead of that, it is using the old iPhone3 resolution. Is there any way to have 2 versions for iPhone when developing using phoneGap? this is, one version using retina and another version with worst resolution for the older devices. Thanks 回答1: Yes, but you'll need to use either CSS media queries or JavaScript. http://troymcilvena.com/post/998277515/jquery-retina is a jQuery plugin that'll

High resolution/retina display app icon file names for the new iPad

由 风流意气都作罢 提交于 2019-12-03 04:52:11
问题 Does anyone know the correct file names for high resolution app icons in iOS? I've only been able to find the following documentation on the Apple Developer site, which is unfortunately out of date - http://developer.apple.com/library/ios/#qa/qa1686/_index.html. This is my best guess... although I'm fairly sure I'm wrong! App - 144px x 144px - Icon-72@2x.png Spotlight - 100px x 100px - Icon-Small-50@2x.png Settings - 58px x 58px - Icon-Small@2x.png Any suggestions would be greatly appreciated

Making an app Retina Display friendly

由 只谈情不闲聊 提交于 2019-12-03 03:51:05
I have an app and would like to make it retina display friendly. How exactly does the process work? What images need to be added apart from what I have? I know the sizes should be different, but am not sure on the details? What else needs to be done to handle retina display? Should the device be detected and use other images if the device supports retina display? What if there are a lot of images? And how will this effect the app size? Thanks A good guide to this can be found here: http://mobile.tutsplus.com/tutorials/iphone/preparing-your-iphone-app-for-higher-resolutions/ In general you just

Org LaTeX preview is fuzzy on retina displays

由 此生再无相见时 提交于 2019-12-03 03:21:02
I have been using Emacs 24.4 for all my math/scientific notes. org-latex-preview is fantastic for this! But recently, I upgraded to a macbook pro with retina display, and I now see that all my equations in org-mode are... fuzzy. Is there a setting I can change to up-res these? Here is a screenshot: Thanks! A couple of years back, I decided to fix this and wrote a patch to add dvisvgm as a render option for latex previews. While this worked great, I never submitted it (no time or knowledge on how to officially patch org). Today, I was thrilled to discover that org-mode v9.0.6, now has this

CSS Filter on Retina Display: Fuzzy Images

由 ▼魔方 西西 提交于 2019-12-03 02:08:46
When you apply a -webkit-filter and a -webkit-transition to an Image and change the filter on hover, the image transition does well, but then the image gets really fuzzy. Note: This only happens on Retina-Displays — no problem at all with 'normal' ppi-displays, but fuzzy on for example a new MacBook Pro with Retina Display. My CSS (without vendor-prefixes): img {filter:grayscale(1);filter:saturate(0%);transition:2s ease;width:200px;height:200px} img:hover {filter:grayscale(0)}​ Note: to see the effect/bug, I've set the transition-duration to 2 Seconds Check out my Demo: http://jsfiddle.net
订阅 retina-display