多视角3D可旋转的HTML5 Logo动画
这是一款基于HTML5和CSS3的3D动画特效，与之前的3D特效不同的是，这款是完全用HTML5特性实现的，而并非用多张图片叠加起来。这款3D动画还有一个特点是可以无限的旋转，从而可以从多个视角来观察……
多视角3D逼真HTML5水波动画
这是一款基于HTML5的3D水波动画特效，它的效果非常逼真，我们可以按“G”键来让水池中的石头上下浮动，按“L”键添加灯光效果，设计相当完美。同时说明一……
HTML5的新特性(1)
HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML[1]（标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶段，但大部分浏览器已经支持某些HTML5技术。1.……
HTML5实现多张图片上传功能
图片上传之前也有写过，不过是单张上传的，最近有个业务需求是需要多张上传的，于是乎从新改写了一下HTML结构：XML/HTMLCode复制内容到剪贴板<div class="c……
html5+css3进度条倒计时动画特效代码【推荐】
html5+css3进度条倒计时动画特效这个作品在今天上网找网络资源的时候无意中发现的，看到效果非常棒并且很实用，就第一时间把它整理出来与大家分享了，主要用到了html5、javascript和css……
HTML5 canvas实现移动端上传头像拖拽裁剪效果
本示例使用HTML5canvas，简单的编写了上传头像的裁剪效果，移动端支持拖拽后裁剪，虽然样式不好看，但是功能还算全：下图为裁剪后的效果：html部分：XML/HTMLCode复制内容到剪贴板<……
html5 canvas移动浏览器上实现图片压缩上传
最近在移动端设计头像上传功能时，原本是以<inputtype="file">直接通过formData上传，然而实际使用情况是：对于过大的图片（高像素手机所拍摄的照片等）……
利用HTML5 Canvas制作键盘及鼠标动画的实例分享
键盘控制小球移动众所周知，我们所看到的动画实际上就是一系列静态画面快速切换，从而让肉眼因视觉残像产生了「画面在活动」的视觉效果。明白了这一点后，在canvas上绘制动画效果就显得比较简单了。我们只需要……
通过HTML5 Canvas API绘制弧线和圆形的教程
在html5中，CanvasRenderingContext2D对象也提供了专门用于绘制圆形或弧线的方法，请参考以下属性和方法介绍：JavaScriptCode复制内容到剪贴板arc(x, ……
HTML5+CSS3绘制锯齿状的矩形
最近通过敲Html5+Css3，分享一些自己认为值得学习的知识，分享给大家。如何绘制一个锯齿状的矩形：如图我们知道绘制图形可以用canvas，canvas是HTML5出现的新标签，用于在网页上绘制图形……
使用HTML5中的contentEditable来将多行文本自动增高
contentEditable是由微软开发、被其他浏览器反编译并投入应用的一个全局属性。该属性的主要功能是允许用户编辑元素中的内容，所以该元素必须是可以获得鼠标焦点的元素，而且在点击鼠标后要向用户提供……
谈一谈HTML5本地存储技术
本地缓存是HTML5出现的新技术，这个技术的出现使得移动web的开发成为了可能。我们都知道，要想打造一个高性能的移动应用，速度是关键。而在HTML5之前，只有cookie能够存储数据，大小只有4kb。……
逼真的HTML5树叶飘落动画
这款HTML5树叶飘落动画是基于webkit内核的，也就是说要在webkit内核的浏览器上才能使用这款动画。源码下载演示地址HTML代码XML/HTMLCode复制内容到剪贴板<div ……
推荐10个HTML5响应式框架
如今，HTML5已经被全世界的网站设计师和开发者所接受。HTML5被称为是web开发的未来可不是空穴来风。HTML5将语义化编程推到了新的高度。通过HTML5，开发者可以用更加简单易懂的单词来编写他们……
整理HTML5中支持的URL编码与字符编码
URL编码URL编码就是将URLs中不宜打印的字符或者具有特殊意义的字符转换为Web浏览器和服务器明白且普遍接受的表示法。这些字符包括：ASCII控制字符-不宜打印的字符通常用于输出控制。字符范围是十……
一波HTML5 Canvas基础绘图实例代码集合
基本绘制XML/HTMLCode复制内容到剪贴板var canvas = document.getElementById('canvas'); if……
很酷的HTML5电子书翻页动画特效
本文分享一款很酷的HTML5电子书翻页动画特效，这款HTML5翻页动画可以用鼠标拖动页面来模拟手动翻页的效果，也可以点击书页的边框来快速翻页。之前也分享过一款HTML53D书本翻页特效，3D视觉效果更……
HTML5实现动画效果的方式汇总
小编以一个运动的小车为例子，讲述了三种实现HTML5动画的方式，思路清晰，动画不仅仅是canvas，还有css3和javascript.通过合理的选择，来实现最优的实现。PS：由于显卡、录制的帧间隔，……
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
翻转、移动、平移、放大、缩小XML/HTMLCode复制内容到剪贴板var canvas = document.getElementById('canvas');&nbs……
HTML5中meta属性的使用方法
meta属性在HTML中占据了很重要的位置。如：针对搜索引擎的SEO，文档的字符编码，设置刷新缓存等。虽然一些网页可能没有使用meta，但是作为正规军，我们还是有必要了解一些meta的属性，并且能够熟……
HTML5+lufylegend实现游戏中的卷轴
lufylegend是一个HTML5开源引擎,它实现了利用仿ActionScript3.0的语法进行HTML5的开发，包含了LSprite，LBitmapData，LBitmap，LLoader，LU……