为 Web 开发者准备的 20 个有用的 HTML5 教程

Mercury是个采用HTML5开发的WYSIWYG编辑器类似于TinyMCE或CKEditor. 它不是放置在一个指定的元素中，而是出现在整个页面的上面. 所以可用于编辑整个页面或任意指定一个区域. 它支持预览编辑的内容并能够插入链接，图片，视频或表格. 能够与他人同时编辑同一个页面并查看实时变化.

Jolie O’Dell 是VentureBeat的记者. LinkedIn iPad版本应用其中的95%使用HTML5开发,这在业内激起千层浪,下面是VentureBeat记者对LinkedIn移动开发团队主管Kiran Prasad进行的采访. 首先，我们请读者们先试着猜一下LinkedIn为新iPad开发的应用中的移动Web技术占到多大的比例.

从头开始编码的 HTML5 布局. 用 HTML5 设计一个博客. 用 HTML5+CSS3 创建优雅的网站. 用 HTML5 设计一个很酷的 iPhone App 网站. HTML5 应用基于浏览器的存储. 在手机上使用 HTML5 创建离线的 Web 应用. 使用 HTML5+CSS3 创建一个向后兼容的单页相册.

与手工编码比起来，HTML5框架在准确性和正确率方面给予了保证. 大多数HTML5框架都会有一个组合或者包含一些额外的组件，比如jQuery Scripts. CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主. 如果你有一个根据固定流程进行的特定项目，为了保证项目刚开始就能有较高的正确率，那么你可以利用HTML5框架来提升整个开发过程，并且让网站拥有一致性结构.

本文提供 HTML5 Boilerplate 项目的一个技术简介，其中包括该项目形成的众多 HTML5、CSS3 移动开发和 web 性能最佳实践中一部分.

HTML5发展地如火如荼，本文将为大家重点分享基于HTML5开发的十大炫酷Web应用，帮助开发人员更好的领悟HTML5的强大之处，关于HTML5的更多信息，请参考专题：HTML5的应用与炫酷体验. Twimbow 是一个基于 HTML5 开发的 Web 应用，用于帮助用户管理他的社交网络，该应用色彩非常多样.

一、配置移动开发环境. 1.各种仿真器、模拟器的下载安装. safari: 设为屏幕宽度，并根据initial-scale=1.0禁止浏览器缩放. 3.帮助html5跨浏览器的库. 4.使html5元素在旧版本IE中变成块级元素以及css重置. 5.始终使用流式布局fluid layout. 6.css媒介查询 media query.

什么是Web Storage. web storage是HTML5规范中提出的一种本地存储解决方案. 在这之前，我们在开发中遇到本地存储问题时，通常有两种解决方式. cookie：兼容性最好，但也有不少问题，下面会简单做下对比. 各浏览器实现的非标准化的本地存储方案，如IE的userData，firefox的global storage等，毫无疑问，最大的问题是兼容性.

HTML5游戏《黎明帝国》，磊友科技打造， 官网试玩. 正像游戏邦创始人郑金条在《程序员》杂志专栏文章中所说：“HTML5被整体市场所观望的除了技术标准和规范不够成熟外，最大的盼头就是出现一款重磅作品给市场打入强心剂，虽然磊友、Spil或Facebook在推动这个趋势，但都不如一款有说服力的游戏来得有价值.

我记得2009年下半年的时候，我就开始尝试使用HTML5的新元素，具体的说应该是HTML5的结构性元素的使用. 我使用HTML5的结构性元素重构我的博客，刚开始，查看了大量老外博客，也归纳总结了一下使用场景，在什么情况下使用HTML5的新元素代替原有的没有语义性div，还有如何组织文档内容结构也是比较头疼的事情.