早一段时间，有一直研究 HTML5 和 CSS3 ，自己也做了不少 Demo ，只是 HTML5 Video 和 Audio 由于自己平时比较喜欢留意不同的播放器，因此特别想做一个自己喜欢的设计，考虑到会比较花时间，所以一直没有做出完整的 Demo 。 刚好最近有灵感了，就下定决心做一个完整的视频播放器。首先放出成品： 做完这个播放器之后，感觉 HTML5 Video 提供的 API 已经很完善，考虑到一个播放器所...
Read More –>HTMl5 推出了一个很“特别”的 API Page Visibility ，之所以说它特别，是因为这个 API 关注的是一个很少人留意的功能 —— 浏览器标签( tab ) 是否被激活。这里必须解释一下，这个“激活”，指的是这个标签是否正被用户浏览，或者说是否为当前标签。 那么，这个 API 究竟有些什么用途呢？通常，很多传统的页面在用户没有激活它的时候，它还会继续工作，例如，当用户正在浏览新闻门户，而他之前打开的...
Read More –>相对于离线应用，Web SQL Database 等特性，如 Canvas，Video 等媒体应用类的 HTML5 特性我用得比较少，于是今年年初的时候就尝试用这些新特性做点练习，感受一下 HTML5 在媒体应用方面的能力，今天重新翻了一下这些 Demo，整理了两个网页时钟 —— 一个主要用 Canvas 实现，一个主要用 CSS3 实现，为什么是“主要”？因为无论那种方式，都需要 JavaScript 和 HTML...
Read More –>在本系列文章的开头，Kayo 曾经介绍过 Web App 的优缺点，并且说明了 HTML5 在其中起的作用，当然，Web Apps 的发展需要 HTML5 , CSS 与 JavaScript 以及后台技术的共同配合，但 HTML5 无疑为 Web Apps 发展中一些重要的方面带来主要贡献。本文要阐述的，正是 HTML5 为 Web Apps 带来的各种影响，或者说，HTML5 究竟为 Web Apps 开发带来了...
Read More –>本文要介绍的是 HTML5 的 Web Workers 特性，它解决了 JavaScript 开发中一个重大的问题 —— 在后台运行 JavaScript 。与本系列前两篇文章介绍的特性相似，Web Wordkers 似乎也是为了 Web Apps 而设计的，可以想象，Web Apps 乃至原生 Apps 受移动设备性能的限制比在桌面环境中要大很多，尽管现在的移动设备性能已经不断的提高，这对于发展 Web Apps ...
Read More –>本文要介绍的，是 HTML5 离线网络应用程序的特性，离线网络应用程序在 W3C 中的实际名称是 "Offline Web applications" ，也称离线缓存。当用户打开浏览器时，浏览器会将一个列表中指定的资源都下载并储存在本地。下次当用户再访问这个网络程序时，浏览器会自动引用本地缓存中相应的文件，而不会再从网络下载这些资源。不管离线网络应用程序是否专为 Web Apps 而设，但这对于 Web Apps 来...
Read More –>绝大多数的软件都需要使用某种具有持久性的方式来存储数据，Web Apps 也不例外，涉及到完整后台的 Web Apps ，可以直接在后台使用 mysql 等数据库来存储数据，但过多的 sql 查询会影响服务器性能，甚至是整个 App 的性能。因此，一些简单有效的存储方式对与 Web Apps 显得很重要，Web Storage 似乎正是为此而设计。下面开始正式介绍 Web Storage 。 一. Web Stora...
Read More –>在前文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础》中，Kayo 对 jQuery Mobile 事件的基础作出了一些说明，建议在阅读本文前首先阅读前文，这里 Kayo 再引用前文的重要内容。 “jQuery Mobile 在基于本地事件上，创建了一系列的自定义事件，大部分事件是基于触摸设备的使用情况开发的，当然这些事件对于桌面环境也会...
Read More –>从本文开始，使用 jQuery Mobile 与 HTML5 开发 Web App 系列将会进入第三部分——jQuery Mobile 事件与方法，这其中将会利用之前所讲述的 jQuery Mobile 组件作为例子说明，因此 Kayo 建议如果你不熟悉 jQuery Mobile ，可以首先阅读前面两部分的文章。本文会介绍 jQuery Mobile 的默认配置以及一些基本的事件使用方法。 一.默认配置 jQuer...
Read More –>“使用 jQuery Mobile 与 HTML5 开发 Web App”系列文章的数目累积起来也比较多了，为方便大家浏览， Kayo 把这些文章整理成一个目录，收录那些已经写好的文章并会继续更新。 该系列的文章实质上分成四个部分，分别是总体概况、jQuery Mobile 组件、jQuery Mobile 事件与方法以及 HTML5 在 Web App 上的应用。 一．总体概况 这部分内容主要讲述如何使用 jQue...
Read More –>在《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础》中，Kayo 曾经简略介绍过 jQuery Mobile 的页面组件，当时只是举了一个简单的例子说明一下页面组件的情况，本文将会拓展说明页面组件的具体细节。 一.页面基础 在 jQuery Mobile 中，页面这个概念与传统的 Web 页面有一个很大的区别 —— jQuery Mobile 中的页面可...
Read More –>本文延续之前"使用 jQuery Mobile 与 HTML5 开发 Web App"系列文章，本文介绍的是 jQuery Mobile 中的 jQuery Mobile 工具栏。在 jQuery Mobile 中，有一套完整的工具栏和导航栏组件，这里的工具栏和导航栏并不只是提供了相应的外观样式，还自带有一些常用的辅助功能，下面 Kayo 为大家详细介绍。 也许你会奇怪，不是有工具栏和导航栏吗？为什么标题只写了工具栏...
Read More –>