html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升
- 详解html5图片上传支持图片预览压缩及进度显示兼容IE6及标准浏览器 以前写过上传组件，见打造html5文件上传组件，实现进度显示及拖拽上传，兼容IE6+及其它标准浏览器，对付一般的上传没有问题，不过如果是上传图片，且需要预览的话，就力有不逮了，趁着闲暇时间，给上传组件添加了单独的图片上传UI，支持图片预览和缩放（通过调整图片的大小以实现图片压缩）。
- html5指南（2）-操作Document metadata的详情介绍compatMode属性告诉你浏览器是如何处理当前document的。有太多不标准的html了，浏览器会试图显示这些页面，即使他们不符合html规范。有些内容依赖于早先浏览器大战时所存在的独特的特性，而这些属性石不符合规范的。compatMode会返回一个或两个值，如下：
- html5指南（3）-实现拖拽功能本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽，需要借助js，现在html5内部就支持了拖拽的功能，但是要实现稍微复杂的功能还是少不了js的帮忙。下面我们看几个例子。
- html5指南（4）-使用Geolocation的详解今天我们要学习的是使用Geolocation实现定位功能。我们可以通过navigator.geolocation获取Geolocation对象，他提供了下列方法：
- HTML5实践- 使用css3丰富图片样式的示例代码在css3中，直接在图片上使用box-shadow和border-radius，浏览器并不能很好的渲染。但是如果把图片作为background-image，添加的样式浏览器可以很好的渲染。我将会介绍如何使用box-shadow,border-radius和transition创建不同图片样式效果。
- HTML5实践-使用css创建三角形和使用CSS3创建3d四面体的代码详解首先要和大家分享的是，如何使用div+css创建三角形。在这里我先把相关代码粘贴出来，然后再为大家讲解原理。
- HTML5实践-使用css3如何完成google涂鸦动画的详解这里需要强调的一点是，ie不支持css3的动画属性，再次抱怨下万恶的ie。但是我们不能以此为理由不去拥抱css3。
- HTML5实践-三步实现响应式设计的详细介绍响应式web设计现在已经不是一个难事了，如果你还不熟悉他，如果你是一个初学者，可能响应式设计对你来说有点发杂，但实际上他比你想象的要简单的多。为了方便你更快的学习响应式设计，我特意写了这个教程，通过简单的三个步骤你就能掌握响应式设计的基本逻辑和mediaqueries（假设你掌握css知识）。
- HTML5实践-使用CSS实现弹性视频的代码分享当我编码EleminTheme（我最近设计的一个响应式的站点）的时候，我遇到的一个跳帧就是，如何能让嵌入式的视频在尺寸变化上变得更加灵活。使用max-width:100%和height:auto可以让html5的video标签很好的工作，但是这个解决方案不适用于iframe或者object标签的内嵌代码。通过几小时的寻找资料和实验，我最终找到了解决办法。当你在进行响应式设计的时候，这一css技巧能派上用场。你可以访问最终demo地址，缩放你的浏览器查看效果。
- HTML5实践-在非响应式设计中如何使用ViewPort meta标签的方法介绍大家都知道viewport标签对于响应式设计的意义，但是你们可能不清楚，他对于非响应式设计也有相当的作用。如果你的站点还是非响应式的，那么通过本文你将学会，如何使用viewport标签增强你站点在mobile设备上的显示效果。
- HTML5实践-使用CSS3 Media Queries实现响应式设计的代码分享现在屏幕分辨率的范围很大，从320px(iPhone)到2560px(大型显示器)，甚至更大。用户也不只是使用台式电脑访问web站点了，他使用手机、笔记本电脑、平板电脑。所以传统的设置网站宽度为固定值，已经不能满足需要了。web设计需要适应这种新要求，页面布局需要能够根据访问设备的不同分辨率自动进行调整。本教程将会向你介绍，如何使用html5和CSS3MediaQueries完成跨浏览器的响应式设计。
- HTML5实践-CSS3 Media Queries详情介绍CSS2允许你对特定media类型制定样式，例如针对屏幕或者打印机。css3提供了更加强大的mediaqueries，你可以针对不同media类型设置表达式，根据不同的条件设置不同的样式。例如你可以为大屏幕设置一种样式，为mobile设置另外一种样式。这个功能相当强大，你可以不修改页面内容的情况下，为不同设备提供不同的样式效果。下面的课程我们将会介绍到一些使用该技术的站点。
- HTML5实践-使用css装饰图片画廊的代码分享（二）在上一讲中，我们的解决方案使用到了jquery去创建一个span标签。在这一讲中我们将用一种更好的解决方式，使用:before和:after伪类。:before经常会用到，他可以用来添加额外的元素。
- HTML5实践-使用css装饰图片画廊的代码分享（一）本节课我们将介绍，如何使用css在不修改图片源的前提下装饰你的图片画廊。这里用到的技巧也很简单，就是在图片之前创建一个<span>，并在span上使用background-image生成一个遮罩的效果。这种方式既简单又灵活，demo中介绍了20多种样式，大家可以参看。
- HTML5实践-实现跨浏览器HTML5文字占位符-placeholder的具体介绍html5为web的form表单增强了一个功能，他就是input的占位符--placeholder。占位符的作用是，当input内容为空或者没有被聚焦的时候，input显示占位符的内容。这是个很棒的功能，但不是所有的浏览器都支持。本教程将向你介绍，如何使用Modernizr类库去判断浏览器是否支持该属性，然后使用jquery动态显示占位符。
- HTML5实践-如何使用css3丰富图片样式的详解（一）在css3中，直接在图片上使用box-shadow和border-radius，浏览器并不能很好的渲染。但是如果把图片作为background-image，添加的样式浏览器可以很好的渲染。我将会介绍如何使用box-shadow,border-radius和transition创建不同图片样式效果。
- HTML5实践-如何使用css3丰富图片样式的详解（二）我介绍了如何为图片添加background-image包装，借助box-shadow和border-radius为图片设置多种多样的样式，有兴趣的朋友可以回头阅读。但是最近我在设计PhotoTouch主题的时候遇到了问题，background-image大小不能调整，这对于响应式设计就不太理想了。今天我们将尝试解决问题。
- HTML5实践-可伸缩的mobile搜索框图文详解今天我将介绍如何使用css制作一个可伸缩的mobile的搜索框，他非常适合于mobile的响应式设计的需要。本教程没有使用JavaScript，只使用了原生css属性，所以这是一个非常简单而高效的实现。
- HTML5实践-使用css制作时间ICON的具体详解（图）最近我在重新设计自己的博客站点，决定用一个日历样式的icon显示时间。以前的解决方案一般是用背景图片，感谢css3，现在我们用css3就能实现这样的功能。我将会用到一些linear-gradients,borderradius和boxshadow这些属性来代替以前的photoshop设计。
- HTML5实践-灰色图片画廊实现的方法以前，在web上要显示灰度图片的话，只有手工使用图片软件转换。但是现在借助于html5的canvas可以实现这个过程，而不需要再借助图片编辑软件了。我用html5和jquery做了一个demo，来展示如何实现这个功能。
- HTML5实践-详细介绍css3中的几个属性text-shadow、box-shadow和border-radius今天我们的内容是css3的text-shadow、box-shadow和border-radius几个属性的介绍，他能增强页面布局，值得学习。
- HTML5/CSS3实现漂亮的分步骤注册登录表单的示例代码分享分步骤的登录注册表单现在也比较多，主要是能提高用户体验，用户可以有选择性的填写相应的表单信息，不至于让用户看到一堆表单望而却步。今天和大家分享的就是一款基于HTML5和CSS3的分步骤注册登录表单，外观不用说，非常漂亮。你看一下DEMO就知道了。
- HTML5实现圈泡泡游戏的代码分享在一分钟内，使用鼠标按着左键，在画布上圈泡泡，其中泡泡的分值分别为10（白）、20（浅蓝）、30（黄）、-10（红）、-20（绿）、-30（深蓝）分，可以一次圈多个泡泡，倒计时结束即计算总分值，该游戏基于cnGameJS。
- 基于HTML5实现的横版射击游戏详解基于HTML5的横版射击游戏，参考自flash游戏《双面特工》。左右方向键控制移动，下方向键蹲下，上方向键跳跃，空格键射击。体验前请先关闭输入法。
- HTML5第一人称射击游戏实现的代码分享游戏中在躲避敌人攻击的同时，需要收集三种不同的钥匙，开启对应的门，最后到达目的地。该游戏同样基于自己开发的HTML5游戏框架cnGameJS。推荐用chrome浏览器查看。效果预览：