25 个精彩的 HTML 5 教程

WEB开发者必须尽快熟悉并使用起HTML5,因为它在web端开发的发展趋势已经明朗,可以用来创建丰富多彩的效果。使用HTML5还是有一些复杂的,所以本文介绍了25个优秀的HTML教程及小手册,欢迎大家使用。


Making A Beautiful HTML5 Portfolio


Making A Beautiful HTML5 Portfolio

使用本教程,你可以学习创建HTML5组合,jQuery和Quicksand插件。它可以用来展示您的最新作品,因为它是可定制的。


How To Code A Clean Website Template In HTML5 & CSS3


How To Code A Clean Website Template In HTML5 & CSS3

MediaLoot拥有一个干净的网页模板设计(使用Adobe Fireworks)。我们已经证明我们的客开始户使用它创建一个时尚的网页,编码到HTML和CSS。


Fullscreen Slideshow With HTML5 Audio And jQuery


Fullscreen Slideshow With HTML5 Audio And jQuery

这教程可以被用于创建一个全屏的照片幻灯片,以显示“纽约”图片系列。您还可以使用HTML5音频元素添加声音给你的生活画廊。


Build A Neat HTML5 Powered Contact Form


Build A Neat HTML5 Powered Contact Form

本教程将帮助您学习创造一个优雅的HTML5 AJAX联系人表单。表单将拥有许多最新的HTML5输入元素和属性,将通过浏览器的内置表单验证来验证。


Create A Page Flip Effect With HTML5 Canvas


Create A Page Flip Effect With HTML5 Canvas

Hakim El Hattab,Web开发人员和具备创造性的程序员告诉我们如何创建“Flash页面翻转”,用的可是HTML5画布和JavaScript。


Learning The Basics Of HTML5 Canvas


Learning The Basics Of HTML5 Canvas

Rob Hawkes告诉您如何利用canvas元素,绘制基本形状和文本,改变颜色,擦除画布,以及使其填充浏览器窗口。


HTML5’s Microdata, Search, And The Collaboration Of The Search Giants


HTML5’s Microdata, Search, And The Collaboration Of The Search Giants

HTML5的其中一个很牛的新功能是Microdata(微观数据)。它可以让你更具体的对您的网页内容进行分类和标签。


HTML5 & CSS3 – What You Should Know


HTML5 & CSS3 – What You Should Know

HTML5,与CSS3的整合,将是如何创建网页的一个巨大的变化,更新及新增的特性,帮助你在这里查找。


HTML5 Web Applications


HTML5 Web Applications

Deep Blue Sky创建一个免费的网络应用程序,帮助您找出目前浏览器的HTML5/CSS3支持状态。


Structural Tags In HTML5


Structural Tags In HTML5

HTML5规范增加了对一些真正有用的tags,这些tags将从我们的代码中替代div。


Touch The Future: Create An Elegant Website With HTML 5 And CSS3


Touch The Future- Create An Elegant Website With HTML 5 And CSS3

创造力、创造力,赋予你实施的能力。


Simple Website Layout Tutorial Using HTML 5 And CSS 3


Simple Website Layout Tutorial Using HTML 5 And CSS 3

一个非常简单的网页创建示例,HTML 5和CSS3 为你带来。


Build Your First Game With HTML5


Build Your First Game With HTML5

HTML5正在日益强大,甚至是在游戏世界!本教程将教给你使用Box2D的HTML5canvas来创建您的第一个游戏。


Designing Search Boxes With HTML5 And CSS3


Designing Search Boxes With HTML5 And CSS3

这是一个非常好的教程,实用的技术-跨浏览器的设计,符合标准的搜索框,HTML5,CSS3和一点点的jQuery。


How To Make An HTML5 iPhone App


How To Make An HTML5 iPhone App

铁杆的Objective C开发人员已经成为iPhone编写应用程序的唯一,但,Objective – C是非常艰难的。看看这个吧,给你惊喜。


How To Create Offline HTML5 Web Apps in 5 Easy Steps


How To Create Offline HTML5 Web Apps in 5 Easy Steps

5步创建html5离线web应用,听起来就很美妙!


Link Users To Geolocation Data With HTML5


Link Users To Geolocation Data With HTML5

Christopher Schmitt,CSS Cookbook 作者,Environments for Humans 联合创始人,展示如何优化HTML5 GeoLocation  地理位置jQuery插件。


Accessibility And HTML5 Block Links


Accessibility And HTML5 Block Links

HTML5推出了很多新的元素和功能。Block links(块链接)就是其中之一,它让您包装一个块级元素周围的链接。


HTML5 Body Elements #6 Links


HTML5 Body Elements #6 Links

本教程介绍如何使用HTML5中的锚标记来创建超链接。


Create A Basic HTML5 Page With The New Layout Tags


Create A Basic HTML5 Page With The New Layout Tags

本教程将向您展示如何创建一个简单的单页模板,展示了HTML5的新技术。


Creating A Minimal Blog Design Using HTML5, CSS3 And jQuery


Creating A Minimal Blog Design Using HTML5, CSS3 And jQuery

本教程将向您展示设计和编写前端代码的一个完整的步骤,它采用许多新技术,如HTML5,CSS3,@font-face 和jQuery。整个项目可作为一个zip下载。


HTML5: Creating A Base Template


HTML5-- Creating A Base Template

使用用HTML5创建一个基础模板。


50 Performance Tricks To Make Your HTML5 Web Sites Faster


50 Performance Tricks To Make Your HTML5 Web Sites Faster

Internet Explorer的团队教你一些技巧,让您的网站的速度更快。这些家伙也给你带来了GPU加速图形和编译JavaScript,使用Internet Explorer 9


Creating An HTML5 Form Using The New Form Types


Creating An HTML5 Form Using The New Form Types

HTML5拥有一些新的表单类型,如果浏览器不支持这些新类型,它会简单地恢复到它们支持的类型。因此,本教程将教你什么是新的及什么是支持的。


Simple Tool To Create Free HTML5 Slideshows Of Images


Simple Tool To Create Free HTML5 Slideshows Of Images

在快速幻灯片放映中,显示您的照片,因为有些人可能不感兴趣,不看到所有照片。

 

文章转载自:开源中国社区 [http://www.oschina.net]