早在几个星期前,Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知,HTML5在互联网领域掀起了一场大论战,并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言。以下30多个资源可帮你开始学习HTML5。

Blowing up HTML5 video and mapping it into 3D space(将HTML5视频吹散并组成3D效果)最近我 研究了HTML 5中的Canvas 和Video 标签,并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此为详细介绍。

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3(用HTML5 和CSS3 打造向下兼容的网页)HTML5更加语义化,使用HTML5 我们不必在网页上布满没有意义的div。它引入了有意义的tag,比如 navigations 和 footers 使代码更有意义也更接近自然语言。

Coding A HTML 5 Layout From Scratch(HTML 5 布局)

  • 用原有技术将元素放置在特定位置
  • 最新的技术潮流
  • Microformats与HTML5协同使用
  • 介绍HTML5与CSS3的新特性

Coding a CSS3 and HTML5 One Page Website Template(制作CSS3和 HTML5 一页式站点模板)这 篇文章介绍了如何利用CSS3 和jQuery的新特性制作HTML5 网页模版。 HTML5 仍在完善当中,你也可以选择性的下载XHTML版。

Comprehensive video tutorial on HTML5(全面的HTML5视频指南)这 是一个叫Brad Neuberg的工程师制作的HTML5教学视频。

Create modern Web sites using HTML5 and CSS3(用HTML5与CSS3打造时尚站点)这篇文章介绍了许多 HTML5的功能和语法及API,还有CSS3的新的选择器,效果和特性。最 后, 还将教你如何利用这些新特性开发一个网页。当你读完这篇文章,你就能用HTML5和CSS3开发一个自己的站点啦。

Designing a blog with html5(用html5设计博客)许多HTML5 特性要结合JavaScript API一起使用,以增加网页的互动性。但仍有一些新元素可让传统的Web1.0页面更加语义化。为了学习这些,我们来看怎样建立一个博客。

Designing for the Future with HTML5 and CSS3 : Tutorials and Best Practices(为未来设计:HTML 5 和 CSS3 指南与最佳案例)这篇文章将介绍用 HTML5和CSS3搭建的几个最佳站点。

Design and Code a Cool iPhone App Website in HTML5(用HTML5设计和实现一个超酷 iPhone App 网站)

Have a Field Day with HTML5 Forms(建立HTML 5表格)这篇文站将教你 如果用HTML 5 和高级CSS技术与最新的CSS3技术建立一个漂亮的表格。

How To Create A Nice Blog Design Touching The Future(不用photoshop,完成网页设计)

How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6(怎样让所有浏览器都渲染HTML5标记——即使是IE6)这篇文章将教你如何用JavaScript和CSS,使 HTML5页面向下兼容,即使是IE6也不例外。

How to Make an HTML5 iPhone App(制作HTML5 iPhone 应用)这是 一篇针对iPhone的指导,但是许多技术也可用在兼容HTML5的手机浏览器上。

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using(HTML 5 和CSS 3:你将用到的技术)这篇文章使用HTML 5和CSS 3 搭建博客页面。如果你已经熟悉html 和CSS,将很容易跟上。

HTML5 for Beginners. Use it now, its easy!(HTML 5初学指南)给 所有具有基础HTML知识的初学者的HTML 5 入门指南

HTML5 Presentation这 篇文章介绍了HTML5 的发展历史和它的基本特性

HTML5 Tutorial – Getting Started(HTML 5 入门指导)

How to Build Web Pages With HTML 5(怎样建立HTML 5网页)

Simple Website Layout Tutorial Using HTML 5 and CSS 3(HTML5和CSS3布局指南)HTML5 最令人期待的新标签包括<header>, <footer>, <aside>, <nav>, <audio>,同时它还包括画图,线下存储数据,拖放等API。页面布局将会更易理解。这里将介绍一个最简单的HTML 5 布局页面,用CSS3 设置样式。最终结果如下

HTML5 CHEAT SHEETHTML5 有许多标签帮助网页结构化,这能省去以网页中许多div

HTML5 Boilerplates(HTML 5模板)此文介绍了一些你能拿来就用的HTML5 模板文件

HTML 5 canvas – the basics(HTML 5 基础——Canvas)对HTML 5 Canvas使用方法的全面指导

HTML 5 Tutorials(HTML 5 指南)

Implementing HTML5 Drag and Drop: New Premium Tutorial(HTML 5 拖放)HTML5 的一个新特性就是拖放,不过IE早在5.5时代就支持拖放了,而HTML 5 的拖放也是基于IE的。本例将教你如果用拖放实现一个简单的购物车界面。

Preview of HTML 5这是一篇比较老的文章,介绍了HTML5的特性和优点。

The HTML 5 Canvas For Flash Developers : Drawing(HTML 5 Canvas 的画图功能)

The Power of HTML 5 and CSS 3介绍了HTML 5 与CSS3能创造的各种效果。

View Source Tutorial: Sticky Notes With HTML5 and CSS3(HTML5 和CSS3 打造便利贴效果)

webOS HTML5 Database Storage Tutorial(webOS HTML5 数据存储指南)HTML5 的本地存储功能将使数据存储十分简便。

Yes, You Can Use HTML 5 Today!本文介绍了一些现已被支持的HTML 5 特性,对初学者十分有用。

未经允许不得转载:大前端 » 给网页设计师的30个HTML5学习资源
分享到: 更多 (0)

评论 29

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #27

    Aloha! yjf

    Gundosydr7年前 (2012-04-27)回复
  2. #26

    Aloha! jqn

    Gundosmkw7年前 (2012-04-27)回复
  3. #25

    Ugly Meter(丑脸评分)安卓下载

    22657年前 (2012-03-15)回复
  4. #24


    Usatuectstuby7年前 (2011-12-04)回复
  5. #23

    good post dude.. I always waiting for other post. Keep writing and nice to visit your blog.. Thanks.

    pregnancy blogs7年前 (2011-11-14)回复
  6. #22

    I took my first personal loans when I was a teenager and it supported my relatives very much. Nevertheless, I require the college loan as well.

    BoydEvelyn348年前 (2011-08-10)回复
  7. #21

    HTML5学习资源 很实用 ,,我要收藏 http://www.msheji.com

    msheji.com8年前 (2011-07-24)回复
  8. #20

    http://www.msheji.com 非常有用处

    msheji.com8年前 (2011-07-24)回复
  9. #19

    Very nice site! is it yours too

    John15218年前 (2011-03-05)回复
  10. #18

    Excellent post. I like the way you expose your writing talent! Keep up good work.

    Tawna Mcminn8年前 (2011-03-04)回复
  11. #17

    Hi! Do you use Twitter? I’d like to follow you if that would be okay. I’m undoubtedly enjoying your blog and look forward to new updates.

    Free vector art swirls8年前 (2011-02-10)回复
  12. #16

    An ounce of luck is better than a pound of wisdom.

    air max 90 running shoes8年前 (2010-12-30)回复
  13. #15

    He is a good friend that speaks well of us behind our backs.

    Air Jordan Alpha 18年前 (2010-12-29)回复
  14. #14

    I learned about this interesting blog from my brother. Do you have an rss feed? It would help people find this more easily. Much appreciated!

    scented candles8年前 (2010-12-25)回复
  15. #13

    I’ve been looking for a decent site for a while now and at last I have found one

    Juegos8年前 (2010-12-21)回复
  16. #12

    Hey there, please tell us when we will see a follow up!

    Roosevelt Neall8年前 (2010-12-06)回复
  17. #11

    To begin with ,you have picked a really nice theme . I think i might design something similar for a future project that i want to build . In addition ,i really enjoy most of the posts and your unique point of view.Good Job

    Halley Onkst8年前 (2010-11-05)回复
  18. #10

    so well. Your Website is well thought out, graphically impressive and Complete of great Assistance. Kudos.

    Pamala Larocco8年前 (2010-10-26)回复
  19. #9

    Yet another fantastic post, constantly great to visit your blog! Keep at it! Does the Age of a Domain Matter in SEO?

    orlando seo8年前 (2010-10-07)回复
  20. #8

    Hey, was just browsing through the internet searching for some information and came across your site. I am impressed by the information that you have on this site. It shows how well you get this subject. Marked this page, will come back for more. You, my friend, ROCK!!! http://stramy.com

    streamy8年前 (2010-10-06)回复
  21. #7

    I Adore it,Excellent article.I am decide to put this into use A single of these Times.Thank you for sharing this.To Your Success!

    Lesley Litzsinger8年前 (2010-09-22)回复
  22. #6

    GEEZ!I wrote a crazy long reply to your article but my internet crapped out and I lost it all! Oh well, just wanted to say that it was a great article! Great job!

    data center optimization8年前 (2010-09-17)回复
  23. #5

    Great stuff, Just passed this on to a friend who read up on this and she took me to eat after I gave her this blog. So, Thanks!!

    las vegas hair8年前 (2010-09-17)回复
  24. #4

    propecia cheap
    zolpidem without prescription
    valium use for
    cheap Marlboro newport cigarettes
    buy cheap cigarettes in dallas texas

    buroattaria8年前 (2010-09-14)回复
  25. #3

    educate me.

    Lura Segers8年前 (2010-09-11)回复
  26. #2

    What are you talking about?

    句茫9年前 (2010-09-04)回复
  27. #1

    This is 3 times now that i’ve come on your website in the last three days while searching Yahoo for absolutely unrelated stuff. Kinda weird. Keep up the good work!

    orlando web design9年前 (2010-07-11)回复

themebetter 国内更好的WordPress主题服务商