Day: May 14, 2015

Google与HTML5的那些事儿

如今各大浏览器都纷纷宣布已经或是计划支持HTML5技术,虽然支持的程度究竟怎么样现在还不好说,但是最给力的无疑就是Google的Chrome浏览器了。 (欢欣鼓舞的说,IE9也支持HTML5了,似乎还不错哟~ ) 似乎Google现在花了很多心思在HTML5上,估计是为了给力他的Chrome OS,为未来的“云”世界做好部署。 HTML5的Logo们 先说个最近的~吉他logo(去看看) 2011年6月9日,谷歌换了个很有趣的logo,纪念美国电吉他大师莱斯·保罗诞辰96周年: 继它的涂鸦Logo,游戏Logo,视频Logo之后,这个Logo升级为乐器Logo,除了可以用鼠标滑动演奏外,点击Logo下的小键盘,还可以直接用键盘弹奏~并且支持在线录制,短连接分享~ ~ 这个Logo主要用了以下几种技术: JavaScript、HTML5 Canvas (绘制吉他弦)、CSS(CSS Sprites)、Flash(声音)   还有几个久一点的: 气泡Logo(去看看)… Read More

使用HTML5开发手机离线应用

本来这篇文章想叫《挺起你的HTML5》或者《让HTML5飞》或者神马其他的,但是为了更好的体现主题,我就用这个直白点的题目吧  ~ 随着各种智能手机(iPhone、Android)大行其道,App模式的应用开发变得热火朝天,反观Web领域则黯然失色。然而即将(或者说已 经)到来的HTML5,又为Web注入了新鲜的鸡血,让我等Web码农再次激动不已——我们可以用HTML、CSS、JavaScript开发手机应用 了!可以实现绝大部分Native App的功能,跨平台,自动更新,即需即取……亲,只需要有浏览器哟!而且没有恶心的IE6 ~ 做任何一个应用都离不开两种东西:文件和数据。下面我就以一个简单的小应用来介绍一下如何开发一个Web应用,让它能够在Offline的情况下取得文件和数据。   Cache Manifest 首先,请自行实现一个包含图片、JavaScript、CSS的普通HTML页面。 显而易见的,这个页面所包含的文件有HTML、JavaScript、CSS、图片。为了让这个页面能够离线访问,我们必须告诉浏览器,它要缓存那些文件,让我们下次访问的时候直接在本地取即可。 HTML5给我们提供了一种Cache Manifest的机制,让我们实现这样的功能。Cache Manifest是通过一个 .manifest为后缀的文件来配置需要缓存的或者一定要保持联网的文件,格式如下: CACHE… Read More