一、Point Vs PixeliOS中当我们使用Quartz，UIKit，CoreAnimation等框架时，所有的坐标系统采用Point来衡量。系统在实际渲染到设备时会帮助我们处理Point到Pixel的转换。这样做的好处隔离变化，即我们在布局的时候不需要关注当前设备是否为Retina，直接按照...
分类：
移动开发 时间：
2015-10-12 00:36:06
阅读次数：
275
移动端重构系列-mobile本系列文章，如果没有特别说明，兼容安卓4.0.4+这里我们把图标分为三种：背景图片，直接绘制，@font-face。如无特殊情况，图标的标签采用i标签背景图片首先我们会选择sprite形式，把所有的图标都放在一个大图中，然后考虑到retina屏，所以我们的图标应该设计为实...
分类：
移动开发 时间：
2015-09-30 16:21:46
阅读次数：
177
原因：因为Retine屏的分辨率始终是普通屏幕的2倍，1px的边框在devicePixelRatio=2的retina屏下会显示成2px。但在IOS8中，已经支持0.5px了，那就意味着, 在devicePixelRatio=2的时候，我们可以使用如下的css：div{ border:1px...
分类：
移动开发 时间：
2015-09-21 09:13:27
阅读次数：
220
适配要达到何种效果？在不同尺寸的手机设备上，页面要能够良好的展示， 不会出现错位变形(自适应)， 或者保持统一效果的等比缩放。设计稿尺寸第一个问题就是选用多大的设计稿尺寸，如果按照320px的设计稿切图，在retina屏幕下，图片会失真。因为在retina屏幕上以 ipone4（320*480）为例...
分类：
移动开发 时间：
2015-09-17 23:14:22
阅读次数：
424
1像素边框，在2倍屏幕上为2“占位”，3倍屏上为3“占位”，但设计师就要1“占位” 1 .content h1:after, 2 .content h2:after { 3 border-top: 1px solid #bfbfbf; 4 content: ' '; 5 di...
分类：
移动开发 时间：
2015-09-17 09:58:41
阅读次数：
224
人类对光的感知是依靠视网膜(retina)细胞。cones(圆锥细胞)负责感知光度(较强光)和色彩, rods(杆状细胞)仅能感知光度，不能感知颜色，但其对光的敏感度是cones的一万倍。在微软光环境下rods起主要作用，因此我们不能在暗环境中分辨颜色。一些数码相机的夜光拍摄模式也模拟了这一特性。视...
分类：
其他好文 时间：
2015-09-13 18:30:23
阅读次数：
197
今天终于为我的Macbook Pro Retina搭建好了Android开发环境，几经折磨，差点放弃了：总结如下：1、最好选择ADT Bundle，这里面已经集成好了Eclipse、ADT、Android SDK Tools，不用自己去设置了。我使用的版本是adt-bundle-mac-x86_64...
分类：
移动开发 时间：
2015-09-13 13:18:49
阅读次数：
199
（1）、@2xiPhone3GS时代，我们为一个应用提供图标（或按钮提供贴图），只需要icon.png。针对现在的iPhone4~6 Retina显示屏，需要制作额外的@2x高分辨率版本。 例如在iPhone3GS中，scale=1，用的图标是50x50pixel（logicalimage.siz....
分类：
移动开发 时间：
2015-09-12 19:01:35
阅读次数：
253
iPad 1代、iPad 2代和iPad Mini的分辨率：1024 x 768iPad 3代和iPad 4代的分辨率（Retina屏幕）：2048 x 1536iPhone 1代，iPhone3G，iPhone 3GS的分辨率：480 x 320iPhone 4，iPhone 4S的分辨率：960...
分类：
其他好文 时间：
2015-09-12 12:12:00
阅读次数：
112
在网页设计中使用图标字体（icon font）是件挺有新意的事情，使用图标字体能我们带来了一定的方便，比如在移动设备、Retina屏幕效果展示、兼容IE6/7浏览器以及能任意将图标放大缩小等，这些都是很不错的。流行的在线字体定制网站有Fontello和icomoon，这两个在线工具都很不错的，内置的...
分类：
Web程序 时间：
2015-09-11 17:28:11
阅读次数：
181
