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样式