学习HTML5最好的方法就是分析经典案例的源码，并将其转化为自己的。 同时，建立自己的案例库，在实际应用的过程中，不会缺少素材。 （源代码在旁边）
1. HTML5 Canvas画板绘图工具可以定义画笔和画布
HTML5Canvas还有一个更实际的应用，那就是网络画板，这样我们就可以直接在网页上进行绘图操作。 明天分享的HTML5Canvas绘图工具可以轻松实现网络绘图的功能。 我们可以自定义画笔的类型、粗细和颜色，以及画布的大小和背景颜色。 我们还可以对这个HTML5绘图工具进行扩展，使其绘图功能越来越结构化。
2. HTML5Canvas发光动漫炫酷HTML5动画
HTML5 Canvas动画尤其令人眼花缭乱，很多创意开发者可以借助HTML5 Canvas特性创作出很多不错的动画特效。 明天我们给大家分享一个HTML5Canvas发光动画，模拟了头发飘扬的疗效，再加上帅气的人脸，可以说很有技术性和创意了。
3. HTML5/CSS3日期选择插件，带日期范围
明天我们将分享一个实用的HTML5/CSS3日期选择插件。 这款日期选择插件的外观还是比较甜美简洁的，整体还是比较美观的。 另外，日期选择插件还有一个最大的特点，就是可以自定义日期的范围，我们可以快速绘制范围内的日期，非常方便。
4. HTML5卡车动画酷HTML5吉普车
我已经好几天没有分享 HTML5 动画了。 很多HTML5动画都是借助CSS3和Canvas的一些特性来完成的。 例如，蝙蝠侠动画的 HTML5/CSS3 实现就使用了 CSS3 的动画功能。 HTML5Canvas 借助添加的 HTML5Canvas 功能来模拟衣服拉动动画。 明天我们将分享一个借助HTML5/CSS3实现的吉普车动画。 卡车可以水平滚动，非常逼真。
5. HTML5/CSS3滑块动画菜单图标动画很酷
之前我们已经分享了很多关于CSS3菜单的内容，包括3D菜单、下拉菜单、Tab菜单等，详细内容可以移步CSS3菜单专栏了解。 明天我们要分享的HTML5/CSS3滑块动画菜单非常酷。 当键盘掠过菜单项时，会有漂亮的笔画连接，而且这个动画菜单还有非常酷的图标。 菜单的整体效果非常令人印象深刻。
6. HTML5/CSS33D文字特效文字反转疗效
之前我们分享过一个CSS33D文字效果HTML5/CSS3文字投影效果，加上投影和渐变，效果还是很不错的。 明天我们将分享一个很酷的HTML5/CSS33D文字效果。 这个文字效果的效果是当键盘经过文字时会出现3D反转的效果。 这是一个非常好的文字效果。
7. CSS3波浪菜单与背景结合超亮
我们分享了很多各种CSS3菜单css3 跳动效果，应该说它们的效果比传统的CSS菜单更强大。 这次分享的CSS3菜单有点不寻常。 菜单的整体形状类似于波浪。 当键盘经过该菜单项时，背景颜色也会发生变化，以指示该菜单项已激活。 另外，CSS3菜单与良好的背景图片相结合的效果越来越令人惊叹。
8. HTML5/CSS3时尚圆盘时钟动画与当前日期
我们可以利用HTML5和CSS3来实现一些挂钟动画特效，而且效果还不错。 明天我们将分享一个利用HTML5和CSS3制作的圆盘时钟动画，时钟的造型非常时尚。 更重要的功能是这个HTML5时钟动画还带有当前日期，这是很多时钟没有的功能。
9. CSS3图标提示插件多主题颜色
在网页中，当我们完成一段时间的操作后，最好给用户一个提示，而这个CSS3插件就实现了这个提示功能。 CSS3 工具提示有多种不同的颜色，但每个工具提示都分配有一个小图形。 用户可以点击关闭按钮关闭提示框，提示框中出现淡出的CSS3效果。
10. CSS3精美自定义复选框9种精美样式
之前我们分享过一款非常好的CSS3自定义Checkbox复选框纯CSS3美化Checkbox和Radiobox按钮，外观极其时尚。 明天我们将分享一个漂亮的 CSS3 自定义 Checkbox，有 9 种吸引人的样式。 这些复选框样式丰富且易于使用。
之前我们分享过一个纯CSS3实现的发光登录表单，发光特效非常好。 明天我们将分享另一个发光表单，它是一个CSS3发光搜索表单。 整体造型为红色风格。 当搜索框被激活时，输入框会发光。 因为有了红色的背景，整个搜索表单变得越来越生动。 明亮的光线。
12. CSS3悬停动画tooltip效果
13. HTML5自定义Checkbox和Radiobox炫酷选中动画
浏览器自带的Checkbox和Radiobox的样式，外观丑陋，不方便控制，尤其是不同浏览器中的Checkbox样式不同。 明天我们会利用HTML5和CSS3技术来定制Checkbox和Radiobox的样式，特别是Checkbox，选中的时候有一个非常酷的选择动画。
14. HTML5/CSS3自定义摇动表单下拉表单很时尚
之前我们分享过很多漂亮的CSS3登录表单，比如这个HTML5/CSS3联系表单就非常立体，还有这个纯CSS3的发光登录表单特别酷。 明天我们将分享一个非常好的自定义摇动表单，它有输入框、下拉框、复选框和按钮。 这些表单元素都是由CSS3渲染的，形状非常好。 这个表单元素在初始化时会有一个晃动的动画。
15、CSS3模仿百度图片浏览效果
16. CSS3联系表单背景透明且有吸引力
我们经常在网页上使用一些联系表单或消息表单。 不久前我们还分享了一张外观甜美的精选联系表。 明天我们将分享一个 CSS3 联系表单，具有透明且有吸引力的背景。 整个表格背景是半透明的，仿佛漂浮在美丽的帷幕上。 当表单输入框激活后，输入框也是透明的，很有立体感。
17. CSS3 可折叠苹果菜单
18. CSS3响应式蛋糕屑菜单 简洁大气
之前我们分享过两款CSS3蛋糕屑菜单，纯CSS3方形蛋糕屑菜单和CSS3扁平蛋糕屑菜单导航，效果还不错。 明天我们将分享响应式蛋糕屑菜单。 这个CSS3菜单设计简单但非常大气。 我们可以在分步注册页面或者活动引导页面上使用这个CSS3蛋糕屑菜单。
19、HTML5心跳动画利用技术挑逗美女
在html5tricks网站上，我们分享了一些甜蜜程序员告白的HTML5动画，像这个甜蜜程序员HTML5爱情告白动画，相信很多女孩看完后都会感动。 明天我们将分享一个借助HTML5的心跳动画。 与上一个相比，更加简单。 如果一个女孩打开邮件，看到那颗跳动的心，恐怕她会在心里甜甜地笑。
20. 10个jQuery+CSS3动画菜单超炫
21.精美的jQuery分页插件，带滑动条分页
明天我们会收集一些jQuery分页插件，请继续关注html5tricks的后续更新。 今天第一个jQuery分页插件适合翻页列表较长的分页应用，因为这个分页插件有一个滑块，方便用户查看所有页脚。 分页插件的外观非常漂亮，并且具有良好的用户体验。
22. jquery仿windows估计器
23. HTML5纸带翻转动画炫丽3D特效
之前我们分享过很多特别炫的HTML5 Canvas动画效果。 我们这次分享的HTML5动画并不是基于canvas的，而是基于jade和scss的。 这个纸带翻转动画非常不错，而且翻转时的3D特效也很让人惊喜，比较耗CPU。
24. HTML5/CSS3分步提示框Tooltip可嵌入任意HTML元素
Tooltip也叫提示框，在网页上很常见。 用户通过点击或滑动键盘可以获得更详细的信息，整个页面非常整洁。 明天分享的HTML5/CSS3分步提示框Tooltip可以让你一步步了解相关任务。 提示框中的内容可以自定义，可以是任意HTML元素，使用起来非常方便。
25.jQuery横向菜单提示疗效
26.纯CSS3垂直动画菜单效果很酷
CSS3菜单的实现有太多。 有需要的同学可以在CSS3菜单栏下搜索符合自己需求的菜单。 明天我们将分享一个CSS3垂直菜单。 除了漂亮的小图标之外，这个垂直菜单还有键盘结束时特别酷的 CSS3 动画。 你可以试试这个 CSS3 垂直菜单。
27、jQuery实现的仿腾讯视频导航菜单
腾讯视频+站酷jQuery导航是一款基于jQuery的仿腾讯视频导航菜单和站酷网站导航效果。
28. HTML5类似Chrome风格的控件滑块动画
随着浏览器技术的发展，滑块控制器在网页上的应用越来越广泛。 明天，我将分享一个 HTML5 滑块控制器。 这个滑块动画是Chrome风格的。 除了美观之外，它在数据初始化时还具有滑动动画效果。 我们可以把这个插件应用到数据更新、投票等系统中去。
29. HTML5SVGTab滑块菜单 非常酷的Tab菜单
之前我们分享过很多HTML5/CSS3菜单，应该说大部分都是比较实用和华丽的。 明天我们将分享HTML5菜单的另一种方式——HTML5Tab菜单。 这个Tab菜单是借助HTML5和SVG实现的。 Tab菜单的外观非常漂亮，而且Tab的切换也非常方便。
30.jquery视差滑块幻灯片效果
一款非常酷的jQuery全屏焦点图插件，画面非常漂亮。
31. HTML5像素文字引爆重组动画特效
HTML5可以让文字效果变得非常酷css3 跳动效果，就像之前分享的HTML5/CSS3发光文字和HTML5/CSS3文字投影效果都非常漂亮。 明天我们将分享一个基于HTML5技术的动画特效，它是基于HTML5技术的。 我们可以在输入框中指定任何文本。 点击确定按钮后，原文就会被引爆消散。 新文本将以像素的形式显示。 放在一起，看起来棒极了。
32. HTML5/CSS3酷炫焦点图片特效带前后翻页按钮
明天要分享的HTML5/CSS3焦点图插件，切换效果比较简单，但是外观和功能都非常强大。 CSS3焦点图像切换时，图像以淡入淡出的方式缩小消失，并显示下一张图像。 焦点图插件还有一组特别大气的前后翻页按钮，是一款非常实用的HTML5/CSS3焦点图应用。
33、HTML5+CSS3实现注册登录表单
34. HTML5/CSS3自定义下拉框3D卡片折叠动画
之前我们分享过一个带有小图标的CSS3下拉菜单，它更多的是一个菜单，明天要分享的一个CSS3自定义下拉框取代了传统的Select样式，使用了不同的样式，让select更加漂亮。 这个CSS3下拉框还带有3D卡片折叠动画效果，非常酷。
35. HTML5/CSS3淡入淡出滑块焦点图很清爽
我们之前已经分享过几个简单的 CSS3/jQuery 焦点图插件，比如 HTML5 结合 jQuery 实现图片滑块效果、CSS3/jQuery 全屏立体焦点图等，大家可以在焦点图栏目下找到。 明天分享的焦点图在切换时有类似淡入淡出的动画效果，是借助HTML5和CSS3实现的。
源码下载：
1）复制链接到浏览器地址栏：；
2）点击“阅读原文”
更多干货，回复关键词：Android|javascript|axure|编程
