25 个精彩的 HTML 5 教程

25 个精彩的 HTML 5 教程

http://www.oschina.net/news/23206/25-useful-html5-cheat-sheets-and-tutorials-for-web-developer

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

Making A Beautiful HTML5 Portfolio

25 个精彩的 HTML 5 教程_第1张图片

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

How To Code A Clean Website Template In HTML5 & CSS3

25 个精彩的 HTML 5 教程_第2张图片

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

Fullscreen Slideshow With HTML5 Audio And jQuery

25 个精彩的 HTML 5 教程_第3张图片

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

Build A Neat HTML5 Powered Contact Form

25 个精彩的 HTML 5 教程_第4张图片

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

Create A Page Flip Effect With HTML5 Canvas

25 个精彩的 HTML 5 教程_第5张图片

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

Learning The Basics Of HTML5 Canvas

25 个精彩的 HTML 5 教程_第6张图片

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

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

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

HTML5 & CSS3 – What You Should Know

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

HTML5 Web Applications

25 个精彩的 HTML 5 教程_第7张图片

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

Structural Tags In HTML5

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

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

25 个精彩的 HTML 5 教程_第8张图片

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

Simple Website Layout Tutorial Using HTML 5 And CSS 3

25 个精彩的 HTML 5 教程_第9张图片

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

Build Your First Game With HTML5

25 个精彩的 HTML 5 教程_第10张图片

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

25 个精彩的 HTML 5 教程_第11张图片

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

How To Create Offline HTML5 Web Apps in 5 Easy Steps

25 个精彩的 HTML 5 教程_第12张图片

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

Link Users To Geolocation Data With HTML5

25 个精彩的 HTML 5 教程_第13张图片

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

Accessibility And HTML5 Block Links

25 个精彩的 HTML 5 教程_第14张图片

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

HTML5 Body Elements #6 Links

25 个精彩的 HTML 5 教程_第15张图片

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

Create A Basic HTML5 Page With The New Layout Tags

25 个精彩的 HTML 5 教程_第16张图片

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

Creating A Minimal Blog Design Using HTML5, CSS3 And jQuery

25 个精彩的 HTML 5 教程_第17张图片

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

HTML5: Creating A Base Template

25 个精彩的 HTML 5 教程_第18张图片

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

50 Performance Tricks To Make Your HTML5 Web Sites Faster

25 个精彩的 HTML 5 教程_第19张图片

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

Creating An HTML5 Form Using The New Form Types

25 个精彩的 HTML 5 教程_第20张图片

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

Simple Tool To Create Free HTML5 Slideshows Of Images

25 个精彩的 HTML 5 教程_第21张图片

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

本站文章除注明转载外,均为本站原创或编译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区
转载请注明:文章转载自: 开源中国社区 [ http://www.oschina.net]
本文标题:25 个精彩的 HTML 5 教程
本文地址: http://www.oschina.net/news/23206/25-useful-html5-cheat-sheets-and-tutorials-for-web-developer

收藏此资讯
旧一篇:看上去很美 亚马逊Kindle Fire平板首测 6小时前
新一篇:翻开新篇章 Chrome 17首个Dev开发版本已发布 5小时前
相关资讯

你可能感兴趣的:(25 个精彩的 HTML 5 教程)