WebApp 开发中常用的代码片段

其实这里面的多数都是 iOS 上面的代码。其他平台的就没有去验证了。

HTML, 从HTML文档的开始到结束排列:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/> 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条

<meta name=”format-detection” content=”telephone=no”]]> 禁用手机号码链接(for iPhone)

继续阅读WebApp 开发中常用的代码片段

精简 jQuery Mobile CSS样式

jQuery Mobile 这个JS 的库用起来很方便。也是最适合搞前端的人用的 WebApp JS库了。

不过其默认主题的 CSS 让人头疼了。不过官方提供的主题定制工具也就只能定制一下基本的样子了。想要其他效果就得自己清理 CSS 后重新编写了。

我做清理了个简单版的主题 CSS 文件,并提供下载。方便自己已经有兴趣的人做个性化定制用的。

这个 样式表里面只包含 jQuery Mobile 的基本样式,是一个没有包含主题颜色和图片定义的 CSS 文件。方便自己定制  jQuery Mobile 的主题用的。

使用方法:只需引用和修改 you-jqm-themes.css 文件即可。这个文件只包含 jQuery Mobile 的 class 名字。另外一个是 jQuery Mobile 的 CSS 基础框架了。

适用 jQuery Mobile 版本为 1.1.0

继续阅读精简 jQuery Mobile CSS样式

再次更新 iPhone CSS 样式

首先是今天是本 Blog 上线 5 周年的纪念日。Blog 5 岁生日快乐!iLost 的 CMS 版在进行语音包的处理,很快就可以发布了。

最近把 iPhone 的样式更新了,主要是正对iPhone 的触摸特性把一些链接的点击区域放大了。iPhone 上由于屏幕限制就主打横屏浏览模式,搜索和分享在竖屏状态下是隐藏了的。

现在直接使用 iPhone 访问本站就可以看到新的针对 iPhone 优化后的主题样式了。

继续阅读再次更新 iPhone CSS 样式