JS判断客户端操作系统(具体到版本和型号)

Standard

转自:http://blog.csdn.net/kevinxc5/article/details/19080169

使用JS检测客户端的代码,很简单,主要利用userAgent变量以及一些字符串处理得到比较详细的OS信息,Android还可以获取到手机厂商和型号

<script type=”text/javascript”>

getOS = function() {
//获取用户代理
var ua = navigator.userAgent;
if (ua.indexOf(“Windows NT 5.1″) != -1) return “Windows XP”;
if (ua.indexOf(“Windows NT 6.0″) != -1) return “Windows Vista”;
if (ua.indexOf(“Windows NT 6.1″) != -1) return “Windows 7″;
if (ua.indexOf(“iPhone”) != -1) return “iPhone”;
if (ua.indexOf(“iPad”) != -1) return “iPad”;
if (ua.indexOf(“Linux”) != -1) {
var index = ua.indexOf(“Android”);
if (index != -1) {
//os以及版本
var os = ua.slice(index, index+13);

//手机型号
var index1 = ua.lastIndexOf(“;”);

var index2 = ua.indexOf(“Build”);
var type = ua.slice(index1+1, index2);
return type + os;
} else {
return “Linux”;
}
}

return “未知操作系统”;
}

alert(‘Your OS: ‘+ getOS());

</script>

App的动画引导页的html+css实现

Standard

2014-7-18

点击这里先看效果

天天P图的1.3版本上线,这次主推美妆功能。不再想把带有功能推荐工作的引导页做成横屏滑动静态图,抑或又占空间又卡的帧动画,而是在我的推动下,采用html5+css3的实现方式,不仅可以让动画流畅,还能一次开发两手机平台同时使用,节省很多的视觉、开发的人力和沟通成本。

这也是我亲自开发的代码第三次用到了实际上线的公司产品上,其他两次分别是QQ影像素材库(web)和 团购提醒(iOS)。

iOS7-米纸效果

Standard

一直以为iOS7呼出控制中心的界面是毛玻璃效果,今天研究苹果的iOS7设计原则时发现是透过米纸看过去的效果(giving the impression of looking through rice paper)。米纸是一种用在包裹食物的用米做的薄膜,像下图这样~ 看来iOS的设计者是真真想把东方美食的韵味带进UI。

2014-3-4

程序实现iOS7毛玻璃模糊效果

Standard

实时模糊最好用GPU运算,但GPUImage以前提供的诸如GPUImageGaussianBlurFilter不能满足iOS7这种大尺度模糊的效果需要,会出现横竖方向的纹路。今天惊喜发现GPUImage新添加了一个专门模仿iOS7模糊效果的滤镜 GPUImageiOSBlurFilter,默认效果就已经相当好,推荐。

知乎上的这个链接讨论了GPU计算模糊的效率之类,最后还有android上实现模糊的Github项目BlurEffectForAndroidDesign推荐。

Don Norman

Standard

2013-9-5

下午去1933老场坊听了诺曼的交流会,主题是“DESIGN IN THE REAL WORLD – when there is no time to do it right”。这位世界知名设计大师认为设计师需要business思维,用户不是大众而是boss,用商业语言推销设计,他给出的最后总结语是“Enjoy life”。

会后的Party中,找到机会问他对直接跨国就业的看法,他持保守态度,认为还是先去美国上个学之类适应下文化差异再说。