Web 开发中应用 HTML5 技术的10个实例教程

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

　　这篇文章挑选了适合中级开发者的10个 HTML5 进阶教程，带你深入学习 HTML5 技术在 Web 开发中的实际应用。

您可能感兴趣的相关文章

35个让人惊讶的 CSS3 动画效果演示
8个惊艳的 HTML5 和 JavaScript 特效
20个惊艳的 HTML5 Canvas 应用试验
10套精美的免费网站后台管理系统模板
29款基于 HTML5 Canvas 的网页游戏

1. HTML5 game tutorial

学会使用 HTML5 Canvas 做一个基本贪吃蛇游戏，以及如何使用 jQuery 实现键盘控制游戏。

2. Bouncing a Ball Around with HTML5 and JavaScript

Canvas 元素是 HTML5 标准中最强大的元素之一。在这个教程中，您将学习如何通过一个有趣的例子来使用它。

3. Coding An HTML 5 Layout From Scratch

了解如何使用“优雅降级”和“渐进增强”技术来实现一个梦幻般的，跨浏览器的 HTML5 & CSS3 的网站。

4. Create an HTML5 Canvas Tile Swapping Puzzle

了解如何使用 HTML5 Canvas 和 JavaScript 来创作一个充满活力的瓷砖交换游戏。

5. Create a Minimal Coming Soon Page using HTML5 and CSS3

按照本教程中的步骤以简约的风格和淡雅的色调使用 HTML5 和 CSS3 创建一个预告页面。

6. Create An Elegant Website With HTML 5 And CSS3

学习如何建立一个具有专业水准的博客或作品集网站，以展示你的作品。

7. Create Your Portfolio Gallery Using HTML5 Canvas

建立一个照片库，并通过 HTML5 的画布和 CSS3 过渡增强效果。如果您的网站有图片库，你一定要了解如何创建这个漂亮的悬停效果。

8. Creating a Minimal Blog Design Using HTML5, CSS3 and jQuery

这个教程来学习如何使用 HTML5，CSS3 和 jQuery 创建一个简约的布局的博客。

9. How to create water Ripple effect using HTML5 canvas

看看这个教程，学习如何在图像上点击的时候创造出一些漂亮的水滴。

10. Rethinking Forms in HTML5

HTML5 表单也是重要内容，了解如何用更少的代码创建更多的可用的表单。

您可能感兴趣的相关文章

35款非常优秀的基于 HTML5 网页游戏
让人爱不释手的Web应用程序图标素材
10套精美的免费网站后台管理系统模板
期待已久的2012年度 jQuery 插件揭晓
10大流行的 Metro UI Bootstrap 主题

本文链接：在 Web 开发中应用 HTML5 技术的10个实例教程

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

更多专业前端知识，请上【猿2048】www.mk2048.com

Web 开发中应用 HTML5 技术的10个实例教程相关推荐

Web开发中的AJAX技术介绍
读音:e:j^ks .AJAX即"Asynchronous JavaScript and XML"(异步JavaScript和XML),AJAX并非缩写词,而是由Jesse Jam ...
Web 开发中很实用的10个效果【附源码下载】
在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...
Web 开发中很实用的10个效果
在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...
浅谈Web开发中的6种技术
CSDN博客不再经常更新,更多优质文章请来粉丝联盟网 FansUnion.cn! (FansUnion) Web开发中的6种技术 1.html 超文本标记语言,即HTML(Hypertext Mar ...
第123天：移动web开发中的常见问题
一.函数库 underscoreJS _.template: <ol class="carousel-indicators"><!--渲染的HTML字符串--&g ...
一个Web开发的客户端基础技术测试Demo
最近参加了一个Web开发的客户端基础技术测试,虽然对于做前台开发的程序员来说比较简单,但对于一直做后台代码编写的程序员想掌握前台开发的基础来说,应该是一个比较好的Demo.对于Web初学者来说,也是一 ...
Web开发中的弹出对话框控件介绍
Web开发中,目前由于Jquery的大行其道,因此很多弹出对话框,都用到了Jquery技术,反而原始的弹出对话框的方式较为少用了.不过基于JQuery的方式实现对话框窗口弹出,也有很多控件可以利用,由 ...
【笔记-node】《imooc-nodejs入门到企业web开发中的应用》
目录课程名备注入门必学 nodejs入门到企业web开发中的应用框架与工具 node.js+koa2+mysql打造前后端分离精品项目<旧岛> 项目实战 20190317-2020 ...
html5在哪编辑器,HTML5文本编辑器推荐-属于Web开发人员的HTML5编辑器
HTML5文本编辑器推荐-属于Web开发人员的HTML5编辑器 Web开发人员和设计人员经常需要用到HTML5文本编辑器,同时它也是Web开发人员最为重要的工具之一.由于HTML5技术的不断发展,为此 ...

Web 开发中应用 HTML5 技术的10个实例教程

您可能感兴趣的相关文章

Web 开发中应用 HTML5 技术的10个实例教程相关推荐

最新文章

热门文章