移动web设计之各个平台浏览器兼容性测试指南

时间:2015-05-28

如今随着微信开发和webAPP的开发越来越多,
对于很多web设计者和开发者来说,移动web设计是一个非常有挑战性的工作。虽然它只需要精通Html5,CSS3,javascript等3大利器,即可设计和开发出比较优秀的移动web站点或者是webAPP。

对于webAPP有兴趣的小伙伴们可以点击查看《移动APP设计和webAPP设计中的六个小技巧》和《WebAPP设计和入门开发需要注意的5个事项

但是作为移动web前端来说,对于移动web设计站点要兼容所有移动浏览器显示效果成为了一个老大难的问题。
所以,今天html5模版网(www.html5code.net)跟大家分享非常丰富的移动Web设计的在各个终端上面的浏览器属性和解决移动兼容性问题。

因为我们要相信,以后应该是定制设计的基于云的移动站点。只有做好移动兼容性才能称霸江湖!

移动web设计草图

 

1、iOS(iPhone和iPad)实用指南

Safari Web内容指南(PDF版)

iPad上的Web内容设计

iPhone上的Safari设计:绘图,多媒体和视觉效果编程实现

Safari HTML资源(PDF)

Safari CSS资源PDF

Safari CSS视觉效果指南PDF

Safari客户端存储和离线apps编程指南PDF

Apple URLScheme资源

ios7-redesigned-icons-psd

 

 

2、Android 浏览器实用指南

Android Web Apps屏幕匹配

WebView的 Android Web Apps开发(混合开发)

Android浏览器上的WebApps调试

0259-09_mobile_ui_patterns_androiduidesignpatterns

3、Nokia和Symbian 诺基亚的塞班系统实用指南

Symbian浏览器的Web开发库

Widget WRT的Web开发库

Web开发库(ZIP下载)

Nokia移动Web模板

Nokia浏览器开发入门

触屏用户体验设计备忘录

Keypad用户体验设计备忘录

跨浏览器指南

Flash Lite和Symbian浏览器App教程

Widget主页设计指南

设备和功能检测指南

4、BlackBerry 黑莓手机操作系统实用指南

BlackBerry浏览器内容设计指南(PDF)

BlackBerry 6功能&技术指南PDF

BlackBerry 6浏览器基本指南

BlackBerry 6浏览器HTML资源

BlackBerry 6浏览器CSS资源

BlackBerry 6浏览器JavaScript资源

BlackBerry 5浏览器指南

BlackBerry 4.7浏览器指南

BlackBerry Widget开发指南

HP webOS 实用指南

HP webOS平台的Web内容开发

webOS开发库(针对JavaScript的‘native’开发)

 

Internet Explorer Mobile实用指南

手机浏览器上的网站设计(PDF)

Windows Phone的Web开发

IE Mobile的网站设计

Windows Mobile6.5的IE Mobile指南

旧版本的Windows Mobile上的Pocket IE指南

Opera浏览器实用指南

开发人员看Opera Mini 5

Opera移动web优化指南

Opera Mini设计思想

Opera Web规范

其他平台的实用指南

LG Widget开发指南

Samsung Widget开发指南

Sony Ericsson NetFront浏览器(PDF)

上一篇:国外移动APP设计和APP开发团队酷站欣赏fueled 下一篇:移动webAPP前端开发代码演示和技巧汇总

相关文章

最新文章