10个HTML5 实战教程 提升你的综合开发能力

HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究。借助尖端功能,技术和 API,HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。更进一步,你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应用程序。

  这篇文章挑选了 Web 开发人员不能错过的10个 HTML5 开发教程,能够帮助你快速掌握 HTML5 高级开发技巧。

  1. Create a drawing app with HTML5 Canvas and JavaScript

  这是一个很酷的教程,教你如何使用 Canvas 来创建自己的绘图应用程序。

  2. How to Make an HTML5 iPhone App

  另一个有用的教程将介绍如何构建一个 HTML5 iPhone 应用程序,一个俄罗斯方块游戏。

  3. Building a custom HTML5 video player with CSS3 and jQuery

  了解如何构建自己的定制的 HTML5 视频播放器,并包装播放器作为一个 jQuery 插件。

  4. HTML5 Apps: Positioning with Geolocation

  学习和掌握 HTML5 的地理定位功能,并应用到你的下一个 HTML5 应用程序中。

  5. Fullscreen Slideshow with HTML5 Audio and jQuery

  这是迄今为止,我见过在网上最酷的教程之一。学习如何创建一个全屏的照片幻灯片效果。

  6. Create a page flip effect with HTML5 canvas

  学习如何使用 HTML5 的画布和 JavaScript 创建一个非常酷的“Flash 页面翻转”效果。

  7. Toying with the HTML5 File System API

  看看这个教程,学习如何使用和实现文件系统 API,该 API 允许 Web 应用程序访问私有本地系统文件。

  8. Creating a Mobile-First Responsive Web Design

  并学习如何设计移动优先的响应式网页设计,以及如何优化性能和灵活性,实现更佳的使用体验。

  9. Typographic effects in Canvas

  Canvas 元素是 HTML5 最热门的功能之一。这个教程中,您将学习如何创建精美的排版​​效果。

  10. HTML’s New Template Tag

  本教程将向大家介绍如何使用前沿的 HTML5 模板标签技术,你准备好了吗?

posted @ 2014-03-14 10:45  午时的海  阅读(327)  评论(0编辑  收藏  举报