Mobile Web
文章平均质量分 76
blessdyb
这个作者很懒,什么都没留下…
展开
-
Mobile Web开发基础之一————viewport标签
再挖一个坑 ,canvas的游戏开发基础暂时没时间弄了,等过一段时间闲下来了做一下。工作需要,补上一系列Mobile Web 开发的基础知识总结与相关文章的翻译。本系列针对传统的桌面浏览Web前端开发者。 我们先来一个基础的HTML5的网页框架,如下 <!Doctype html> <html> <head> ...原创 2012-05-17 20:04:07 · 140 阅读 · 0 评论 -
Mobile Web开发基础之二————开发环境套件一览
做为一个Mobile Web开发者,我们除了拥有真机外(这个对于大多数团队不现实呀,IT民工们真心买不起),更重要的就是先在模拟器/仿真器上来测试了。在此列举所需要的所有开发环境: SDK,仿真器,模拟器 iOS SDK(XCode), 最好的IDE与仿真器(没有之一 ) Android SDK Opera Mobile,最快的仿真器 Opera Mini , 一个基于Ja...原创 2012-05-17 21:15:29 · 139 阅读 · 0 评论 -
Mobile Web开发基础之三————由按键想到的
按钮是天生为移动平台而生的:移动平台上的按钮往往被设计得比较大以便用户点击——与此形成鲜明对比的就是移动平台上的超链接。移动平台与桌面平台在人机交互上有显著的不同,移动平台的输入工具为用户的手指,显示区域相对输入工具就很小;而对于桌面平台,显示区域较输入区域就大得多了,鼠标的存在,更是与触屏式的交互有所不同。 传统的按钮(button)与那些经过CSS装饰后看起来像...原创 2012-05-17 22:33:56 · 124 阅读 · 0 评论 -
Mobile Web开发基础之四————处理设备的横竖屏
为了应对移动设备屏幕的碎片化,我们在开发Mobile Web应用时,一个最佳实践就是采用流式布局,保证最大可能地利用有限的屏幕空间。由于屏幕存在着方向性,用户在切换了屏幕的方向后,有些设计上或实现上的问题就会凸显——我们至少需要处理一下当前显示元素的宽度的适配(当然,要做的可能不仅仅是这个)。很多时候,我们需要为不同的屏幕方向来设计对应的应用显示模式,这个时候,实时地获知设备的模竖屏状态就...原创 2012-05-22 11:40:15 · 138 阅读 · 0 评论