HTML5

来自开放百科 - 灰狐
(版本间的差异)
跳转到: 导航, 搜索
(链接)
(学习资源)
第54行: 第54行:
 
*[http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/ Blowing up HTML5 video and mapping it into 3D space(将HTML5视频吹散并组成3D效果)] 最近我研究了HTML 5中的Canvas 和Video 标签,并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此为详细介绍。
 
*[http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/ Blowing up HTML5 video and mapping it into 3D space(将HTML5视频吹散并组成3D效果)] 最近我研究了HTML 5中的Canvas 和Video 标签,并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此为详细介绍。
 
*[http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/ Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3(用HTML5 和CSS3 打造向下兼容的网页)] HTML5更加语义化,使用HTML5 我们不必在网页上布满没有意义的div。它引入了有意义的tag,比如 navigations 和 footers 使代码更有意义也更接近自然语言。
 
*[http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/ Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3(用HTML5 和CSS3 打造向下兼容的网页)] HTML5更加语义化,使用HTML5 我们不必在网页上布满没有意义的div。它引入了有意义的tag,比如 navigations 和 footers 使代码更有意义也更接近自然语言。
*
+
*[http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/ Coding A HTML 5 Layout From Scratch(HTML 5 布局)],Microformats与HTML5协同使用
 +
*[http://tutorialzine.com/2010/02/html5-css3-website-template/ Coding a CSS3 and HTML5 One Page Website Template(制作CSS3和 HTML5 一页式站点模板)] 这篇文章介绍了如何利用CSS3 和jQuery的新特性制作HTML5 网页模版。 HTML5 仍在完善当中,你也可以选择性的下载XHTML版。
 +
*[http://www.html5trends.com/tutorials/comprehensive-video-tutorial-on-html5/ Comprehensive video tutorial on HTML5(全面的HTML5视频指南)] 这是一个叫Brad Neuberg的工程师制作的HTML5教学视频。
 +
*[http://blog.csdn.net/DL88250/archive/2010/06/10/5660964.aspx Create modern Web sites using HTML5 and CSS3(用HTML5与CSS3打造时尚站点)] 这篇文章介绍了许多HTML5的功能和语法及API,还有CSS3的新的选择器,效果和特性。最后,还将教你如何利用这些新特性开发一个网页。当你读完这篇文章,你就能用HTML5和CSS3开发一个自己的站点啦。
 +
*[http://html5doctor.com/designing-a-blog-with-html5/ Designing a blog with html5(用html5设计博客) ] 许多HTML5特性要结合JavaScript API一起使用,以增加网页的互动性。但仍有一些新元素可让传统的Web1.0页面更加语义化。为了学习这些,我们来看怎样建立一个博客。
 +
*[http://devsnippets.com/article/designing-with-html5-css3.html Designing for the Future with HTML5 and CSS3 : Tutorials and Best Practices(为未来设计:HTML 5 和 CSS3 指南与最佳案例)] 这篇文章将介绍用 HTML5和CSS3搭建的几个最佳站点。
 +
*[http://line25.com/tutorials/design-and-code-a-cool-iphone-app-website-in-html5 Design and Code a Cool iPhone App Website in HTML5(用HTML5设计和实现一个超酷 iPhone App 网站)]
 +
*[http://24ways.org/2009/have-a-field-day-with-html5-forms Have a Field Day with HTML5 Forms(建立HTML5表格)] 这篇文站将教你 如果用HTML5和高级CSS技术与最新的CSS3技术建立一个漂亮的表格。
 +
*[http://www.pvmgarage.com/2010/04/touch-the-future-create-an-elegant-website-with-hmtl-5-and-css3/ How To Create A Nice Blog Design Touching The Future(不用photoshop,完成网页设计)]
 +
 
 +
 
  
 
{{comment}}
 
{{comment}}

2011年2月9日 (三) 12:01的版本

Html5-badge-h-connectivity-css3-device-graphics-multimedia-performance-semantics-storage.png

HTML5 不仅仅是一次HTML版本的重大升级,更重要的,它是新一代Web开发标准和开放平台

HTML5、CSS3JavaScript 是当前Web的热点。

目录

新闻

Wikipedia-35x35.png 您可以在Wikipedia上了解到此条目的英文信息 HTML5 Thanks, Wikipedia.
Webstandards.png

自http://coder.io/tag/html5.rss加载RSS失败或RSS源被墙

核心API

项目

链接

学习资源

30 个 HTML5 学习资源,来源:Ntt.cc 翻译:lovelyashes


Comment-32x32.png

<discussion>characters_max=300</discussion>

分享您的观点
个人工具
名字空间

变换
操作
导航
工具箱