使用 HTML5 可以做的五件很棒的事情
作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性，它可以说是近十年来 Web 标准最巨大的飞跃。这篇文章将向大家展示使用 HTML5 可以做的五件很棒的事情。
1. 制作时尚的表单
表单是Web设计的重要组成部分，常见的有注册表单、联系表单以及反馈表单，表单设计应该在不影响用户体验和可用性的前提下尽量美观，以吸引用户填写内容。下面这些示例将带您体验 HTML5 的强大。
http://www.cyqdata.cn/cnblogs/article-detail-37670
翻译-你必须知道的28个HTML5特征、窍门和技术
前端的发展如此之迅猛，一不留神，大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话，可以把本文的内容作为必须了解的热身课程。
一、新的Doctype
//zxx:”doctype”中文意思指“文档类型”
仍在使用麻烦的，不可能记得住的XHTML文档类型？
<!DOCTYPE html PUBLIC "-//
http://www.cyqdata.cn/cnblogs/article-detail-37647
揭秘HTML 5和CSS3 Web实现飞跃的踏板
互联网的发展总是在不断地催生新技术的产生，而HTML 5和CSS 3是最近一直被讨论的热门话题，关于HTML 5与Flash之间的唇枪舌战一直不断，而CSS 3的新功能也让人们备受期待。那么HTML 5和CSS3究竟有哪些让我们眼前一亮的东西呢？
HTML 5草案的前身名为Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团
http://www.cyqdata.cn/cnblogs/article-detail-37635
HTML5对互联网的积极影响
虽然HTML5不会取代Flash或 Shockwave，但它将会对互联网的很多方面做出改进，使网站具备更丰富的功能，包括跟踪用户位置和在云计算平台中存储更多数据等。在一些简单的功能方面，HTML5将会取代插件，它可为广大用户提供更强大的信息处理能力。此外，HTML5还可能使互联网访问变得更加安全和高效。
近年来，浏览器提供商产生出相当多的互联网浏览器的改进思路，正是这些思路逐渐发展为第五代H
http://www.cyqdata.cn/cnblogs/article-detail-37584
关于HtmlHelper：是MVC自作聪明，还是我不够明白？
在asp.net框架里，mvc框架是我了解的使用最方便、设计最合理的框架。特别是它从架构上提供了很多实用的工具，其中之一便是HtmlHelper，它将程序员从写表单控件标签的繁琐工作中解放出来，同时也减少了服务器端代码与客户端代码搅在一起的局面。HtmlHelper甚至可以帮助我们自动加载对象，为某些表单赋值。我今天就碰到了这样的情况，发生在我把一个隐藏字段命名为“Url ”
http://www.cyqdata.cn/cnblogs/article-detail-37532
ASP.NET MVC HtmlHelper用法大全
HTML扩展类的所有方法都有2个参数：以textbox为例子public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, IDictionary<string, Object> htmlAttributes )public static string TextBox( this
http://www.cyqdata.cn/cnblogs/article-detail-37510
用语义化标签去写你的HTML，兼容IE6,7,8
HTML5增加了更多语义化的标签，如header，footer，nav……让我们在页面编写的时候，不需要再用下面这种方法去布局了：
<div class="header">这是头部</div>
<div class="content">这是中间内容区</div>
<div class="footer">这是底
http://www.cyqdata.cn/cnblogs/article-detail-37073
分享21个丰富多彩的 HTML5 小游戏
作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性。HTML5 的优势之一在于能够实现跨平台游戏编码移植，现在已经有很多公司在移动设备上使用 HTML5 技术。随着 HTML5 跨平台支持的不断增强和智能手机的迅速普，HTML5 技术有着非常好的发展前景，甚至有人预言 HTML5 将引燃移动平台游戏开发技术的新革命。今天，本文收集了21个非常棒的 HTML5 小游戏与大家分享。
A t
http://www.cyqdata.cn/cnblogs/article-detail-36992
跨浏览器的HTML5占位文本(PlaceHolder)方案
HTML5里面一个非常不错的扩展功能就是可以在文本框上面增加占位文本。占位文本(PlaceHolder)是指当一个文本框没有被focus的时候显示的是提示文字，当他被点击之后就显示空白。这个功能很不错，但是并不是所有的浏览器都支持。这篇文章就来讨论一下怎样用比较简单的方法可以让所有浏览器都支持这个特性。
这里是例子这里可以下载
传统的解决办法
在我们有这个属性之前，我们一般是通过Javascrip
http://www.cyqdata.cn/cnblogs/article-detail-36973
Silverlight 5 beta新特性探索系列:10.浏览器模式下内嵌HTML+浏览器模式下创建txt文本文件
在Silverlight 5 beta版本中，已经支持浏览器模式(in-browser)模式下使用WebBrowser控件访问网页和在浏览器模式下创建txt文本文件。当然想要获得这个功能有三个条件在注册表内添加一个新的键、设置XAP签名(如果是在本地http://localhost:做测试时可以不需要这两个条件)
http://www.cyqdata.cn/cnblogs/article-detail-36813
Html5 Rocks 镜像
www.html5rocks.com 是 Google 推出的推广HTML5 的站点。 站点包括4大功能:
1. Presentation. Html5 功能介绍。 2. Playground. Html5 在线练习场。 3. Studio. Html5 实现例子。 4. Tutorials. Html5 教程和资源。
类似Go
http://www.cyqdata.cn/cnblogs/article-detail-36761
发现一个特给力的编写HTML/CSS的插件——Zen Coding
这不是一个新东西，但它确实是个好东西。只能说我OUT了，这小插件还是在别人博客上一年前的日志里看到的，先来个链接吧，写的已经很详细了，我这里只是给自己做个记录，留给自己看的。（Zen Coding: 一种快速编写HTML/CSS代码的方法）
那Zen Coding到底是什么，又是如何使用的呢？我们看一下官方举的例子吧，如果你输入：
div#page>div.logo+ul#naviga
http://www.cyqdata.cn/cnblogs/article-detail-36734
html5中可通过document.head获取head元素
今天，看一个国外网站发现人家获取head元素如下
var head = document.head || document.getElementsByTagName('head')[0];
后面的是我们常用的方式，前面的 document.head 着实第一次见。查资料发现原来是html5的东东。的确简单了，一个属性搞定。
当然，IE6/7/8不支持。IE9/Safari/Chro
http://www.cyqdata.cn/cnblogs/article-detail-36692
HTML 5的革新：结构之美
前言
HTML 5如同一场革命，正在Web2.0后时代轰轰烈烈的进行着。
HTML 5是什么，无须我在这里赘述了。对于HTML 5的革新，按我的理解，可以总结为语义明确的标签体系、化繁为简的富媒体支持、神奇的本地数据存储技术、不需要插件的富动画(canvas)、强大的API支持。总之，HTML 5让人机交互，人网交互变得更加舒适，贴合用户。以往对富媒体应用与本存储的支持乏力也不再是浏览器的切肤之痛
http://www.cyqdata.cn/cnblogs/article-detail-36586
分享21个转换 PSD 为 HTML 的教程
Photoshop 毫无疑问是最好的图像编辑工具，它不仅用于图像编辑，还广泛用于制作网页模板，但设计人员面临的一个主要问题是如何将设计稿转换为HTML。所以，今天向大家分享一些非常好的教程，教你如何设计PSD模板，然后将它转换成HTML。
1- Convert a PSD to XHTML
查看教程
2- The Design Lab: PSD Conversion
查看教程
3-
http://www.cyqdata.cn/cnblogs/article-detail-36571
HTML5视频方案：支持Ipad、Safari、Firefox、Chrome、IE9876
HTML5视频方案
支持Ipad、Safari、Firefox、Chrome、IE9876、Opera
商业方案：mp4->flash放mp4
视频文件格式：mp4
支持：Ipad、Safari、Firefox、Chrome、IE9876、Opera
原理：在Ipad、Safari、Chrome、IE9中原生播放mp4，在Firefox、Opera、IE876中使用flash播放器播放mp4
http://www.cyqdata.cn/cnblogs/article-detail-36529
MIX 11– 微软互联网技术大会系列（10）——MIX11主题演讲电梯帖，所有资源总结导航，HTML5, IE, Web Platform, Windows Phone, Silverlight, Kinect
（首先感谢dudu的提醒，让我有了写这个电梯帖的念头，方便大家来看MIX11的重要发布信息。）
两天的MIX11主题演讲结束了，我承认，尤其是第二天的主题演讲是我这两年以来，参加所有微软会议最激动的一次，和我们在微博上（http://weibo.com/cnmsdn ）互动的朋友相信是有同感的！下面的电梯可以让您很方便的看到所有主题演讲的图文直播！
综述一下这两天发布的信息：
第一天主要是围绕
http://www.cyqdata.cn/cnblogs/article-detail-36308
推荐18个基于 HTML 5 Canvas 开发的图表库
如今，HTML5 可谓如众星捧月一般，受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。HTML 5 规范引进了很多新特性，其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法，非常强大。今天，本文收集了一些非常好的基于 HTML 5 Canvas 的图表方案推荐给大家。
1.
http://www.cyqdata.cn/cnblogs/article-detail-36262
推荐18基于 HTML 5 Canvas 开发的图表库
如今，HTML5 可谓如众星捧月一般，受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。HTML 5 规范引进了很多新特性，其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法，非常强大。今天，本文收集了一些非常好的基于 HTML 5 Canvas 的图表方案推荐给大家。
1.
http://www.cyqdata.cn/cnblogs/article-detail-36248
HTML5标准学习 - 编码
相信每一个前端工程师都或多或少遇上过“乱码”这位仁兄，无论你的基础有多么扎实，在生产的过程中都免不了偶尔和“乱码”兄弟喝上几杯茶吧。作为一个前端工程师，你是如何指定一个页面的编码的呢？你知道浏览器是怎么识别编码的吗？
首先，一个很简单的例子，用遇简的HTML页面来看看各浏览器下有什么不同：
<!DOCTYPE html>
最简HTML，
http://www.cyqdata.cn/cnblogs/article-detail-36213