HTML5新功能演示

HTML5新功能演示 DEMO>>

如果你想100%运行演示文档中的这些DEMO,请使用Google Chrome浏览器,并在运行Chrome时加上一些参数来启动浏览器的对应功能。(测试中发现部分DEMO无法运行)

演示文档demo目录:

#1-2 …

#3. Web技术大致的时间轴

#4-5 …

#6. JS APIs 新的选择器

#7. JS APIs 本地储存 – Web Storage

#8. JS APIs 本地数据库 – Web SQL Database

#9. JS APIs 文件缓存 – Application Cache API

#10. JS APIs 让程序在后台运行 – Web Workers

#11. JS APIs 双向信息传输 – Web Sockets

#12. JS APIs 桌面提醒 – Notifications

#13. JS APIs 拖放操作 – Drag and drop

#14. JS 地理位置 – Geolocation

#15-16…

#17. HTML 新的语义标签

#18. HTML 新的链接关系

#19. HTML Microdata

#20. HTML ARIA attributes

#21. HTML 新的表单元素类型

#22. HTML 音频 + 视频 – Audio + Video

#23. HTML 图形绘制 – Canvas

#24. HTML Canvas 例子 (无法演示)

#25. HTML Canvas 3D (WebGL) (无法演示)

#26-27…

#28. CSS 选择器

#29. CSS 显示本地没有的字体

#30. CSS 文本溢出处理

#31. CSS 分栏显示

#32. CSS 文本描边

#33. CSS 透明效果

#34. CSS HSL(色相/饱和度/亮度)色彩模式

#35. CSS 圆角效果

#36. CSS 渐变效果

#37. CSS 阴影效果

#38. CSS 制作一个LOGO,只需拖动滑动条

#39. CSS 更强大的背景

#40. CSS 变换 – animations

#41. CSS 变换 – Transforms

#42. CSS 动画效果

本演示文档 是由 Marcin Wichary 原创 , Ernest Delgado 协助修改完善, Direct Guo 翻译 。

This entry was posted in HTML & CSS and tagged , . Bookmark the permalink.

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>