投稿赚佣金 
升级SVIP
HTML5实现晶莹剔透的雨滴特效
复制代码代码如下: HTML5雨滴特效 img { display: none; } body { ov
分享全球十款超强HTML5开发工具
最近，看到有人在HTML5论坛问到，目前全球有哪些比较优秀的HTML5开发软件。笔者根据自己对HTML5的了解，以及周边的所见所闻，总结了十款非常不错的HTML5开发工具和大家分享一下。当然，HTML5的开发工具真的很多，还有一些也是非常优
HTML5新增元素如何兼容旧浏览器有哪些方法
一个问题，老师抛给我们的，就是：如何让IE8-兼容这些标签？（需要设计JS中的DOM） 虽然今天刚讲的内容，但是，还是需要去了解下。 复制代码代码如下:
HTML5 embed标签定义和用法详解
定义和用法 标签定义嵌入的内容，比如插件。 实例 HTML 4.01 与 HTML 5 之间的差异 标签是 HTML 5 中的新标签。 属性 ne
HTML5 visibilityState属性详细介绍和使用实例
这里必须解释一下，这个“激活”，指的是这个标签是否正被用户浏览，或者说是否为当前标签。那么，这个 API 究竟有些什么用途呢？通常，很多传统的页面在用户没有激活它的时候，它还会继续工作，例如，当用户正在浏览新闻门户，而他之前打开的 NBA
html5 datalist标签使用示例(自动完成组件)
以前需要用JS写一个自动完成组件（Suggest），很费劲。HTML5时代则不用了，直接使用datalist标签，直接减少了工作量。如下复制代码代码如下: HTML5 da
HTML5中5个简单实用的API（第二篇，含全屏、可见性、拍照、预加
HTML5的诞生给我们提供了很多精彩的JavaScript和HTML新功能和新特征。有些新特征我们已知多年并大量的使用，而另外一些主要是用在前沿的手机移动技术上，或者桌面应用中起辅助作用。不管这些HTML5新功能有多强大，多好用，它们都是为
HTML5资源预加载(Link prefetch)详细介绍（给你的网页加速）
我曾经介绍过本站上使用的一些速度优化技术。而在HTML5里，出现了一个新的用来优化网站速度的新功能：页面资源预加载/预读取(Link prefetch)。页面资源预加载/预读取(Link prefetch)是什么？来自MDN的解释:页面资源
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
我从网上找到了一个案例，是用来摇一摇换颜色的，非常好用，不过测试后，需要注意的有： 1、必须要ios或者是安卓4.0以上的才能实现功能应用。 2、如果加如z坐标的判断，就会出现屏幕乱变颜色的情况，估计太敏感了……
html5实现canvas阴影效果示例
在HTML5中实现Canvas阴影效果复制代码代码如下:
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。我们这里以 l
Data URI scheme详解和使用实例及图片base64编码实现方法
一、 Data URI scheme 简介Data URI scheme是在RFC2397中定义的，目的是将一些小的数据，直接嵌入到网页中，从而不用再从外部文件载入。比如上面那串字符，其实是一张小图片，将这些字符复制黏贴到火狐的地址栏中并转
html5本地存储之localstorage 、本地数据库、sessionStorage简单
html5的一个非常cool的功能，就是web storage，类似于之前的cookie，不过与之不同的是，web storage 拥有本地5兆的容量可以存储，而cookie却只有4K，这是完全不能比的优势。webstrange又分为：lo
使用html5 canvas创建太空游戏的示例
HTML5 Canvas 可以快速创建出有助于游戏开发的轻型图片。 本部分说明如何使用 Canvas 创建将在网页中运行的怀旧风格外太空飞行游戏。 此游戏的设计主要是为了展示使用 Canvas 功能开发 Web 游戏的基本原则。 此太空游戏
html5中的input新属性range使用记录
过了两天完全没有电脑，没有电视，手机又没有流量的生活，习惯了那样喧嚣的节奏，再回到那么清净的环境，不啻于一次洗涤，同时却有些惶恐，好像自己又什么都不会了，如果脱离了这个文明的社会，甚至可以说，我连基本的生存能力都没有，如果回到过去，我不知道
利用HTML5的新特点实现图片文件异步上传
利用HTML5的新特点做文件异步上传非常简单方便，本文主要展示JS部分，html结构。下面的代码并未使用第三发库，如果有参照，请注意一些未展现出来的代码片段。我这边的效果预览： 1.文件未选择 2.文件已选择 HTML代码部分： 思路：下面
HTML5 input placeholder 颜色修改示例
Chrome支持input=[type=text]占位文本属性，但下列CSS样式却不起作用： CSS 复制代码代码如下: input[placeholder], [placeholder], *[placeholder] { color:r
Application Cache未缓存文件无法访问无法加载问题
使用Application Cache缓存了页面及静态资源，发现用ajax请求数据，或者加载未缓存的资源时，无法加载，报错如下： CAUTION:Provisional headers are shown， 解决方法： manifest.a
阻止移动设备(手机、pad)浏览器双击放大网页的方法
现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置，怎么让双击不放大？在Mobile页面上有提供viewport这个meta，可以用它来设置缩放。 但是在使用viewport之前要把页面的文档类型改成Mobile类型。 通常的页
HTML5图片预览实例分享
HTML5图片预览需要用到两种方法 1.URL 2.FileReader直接上代码复制代码代码如下:html5 图片上传预览
