html5
关注
分享
扫一扫
文章平均质量分 94
superxielei
这个作者很懒，什么都没留下…
展开
-
HTML5 离线功能介绍
HTML5 离线功能介绍HTML5 是目前正在讨论的新一代 HTML 标准，它代表了现在 Web 领域的最新发展方向。在 HTML5 标准中，加入了新的多样的内容描述标签，直接支持表单验证、视频音频标签、网页元素的拖拽、离线存储和工作线程等功能。其中一个新特性就是对离线应用开发的支持。在开发支持离线的 Web 应用程序时，开发者通常需要使用以下三个方面的功能：离线资源缓存：需要一...原创 2011-07-05 14:07:54 · 120 阅读 · 0 评论 -
HTML5 新增元素整理
整理了一下html5中新增的页面元素。效果是在Chrome下展示的效果。<!DOCTYPE html><title>HTML5新增元素</title><header> header元素表示页面中的一个内容区块或整个页面的标题</header><hr/><nav> 导航&am2011-07-07 16:14:16 · 184 阅读 · 0 评论 -
使用本地数据库实现Web留言本
这个是《Html5与css3权威指南》中的一个例子，写出来备用。 <!DOCTYPE html><meta charset="UTF-8"><title>使用本地数据库实现Web留言本</title><script>var datatable = null;var db = openDatabase...原创 2011-07-19 14:47:07 · 220 阅读 · 0 评论 -
HTML5 缓存: CACHE MANIFEST
自从翻译了《解读 HTML5：建议、技巧和技术》，就一直没有时间去看 HTML5 相关的东西。上周一次偶然的工作间隙折腾了下 Cache Manifest 。当时直接拿博客当测试环境，虽然应用起来非常简单，但效果却出奇的好。缓存后的速度，简直是惊人的快。像 Yslow 显示，打开一个缓存过的页面，只要0.729秒，比不缓存的差不多快了10倍，当时就震惊了，想深入了解一下。 一...原创 2012-07-13 16:13:43 · 131 阅读 · 0 评论 -
页面淡入效果
先定义一个淡入的动画效果。 @-webkit-keyframes fadein{ 0%{ opacity:0; background-color:white; } 100%{ opacity:1; background-color:white; }} 然后设置body执行这个动画。 body{ -webkit-animation-...原创 2012-07-13 16:16:20 · 130 阅读 · 0 评论 -
CSS3实现漂亮的按钮动画
Chrome下效果理想，Firefox，IE9下没有动画效果。CSS代码片段 .button, .button:visited{background:#222 url(overlay.png) repeat-x;display:inline-block;padding:5px 10px 6px;color:#fff;text-decoration:none;...原创 2012-07-16 16:51:19 · 187 阅读 · 0 评论