HTML5前端功能示例合集

CSS3这边也配合得上，新选择器比如:nth-child()、:hover，配上box-shadow、border-radius这些样式，搞出一个好看又响应快的界面不难。动画和渐变用得好，细节一下就拉满。

再说JavaScript部分，localStorage、Web Workers、Geolocation、WebSocket……这些新 API 都是能提升交互体验的好工具。比如用localStorage做个轻量级本地缓存，性能和体验都能上去。

还有一点容易忽略，就是表单的提升。、required、placeholder这些属性，对表单验证挺有，省得再手动写一堆逻辑。做管理后台表单比较多的页面，用这些可以省不少事。

资源里也包含一些结合CSS3和SVG的小项目，比如响应式界面、离线功能啥的。推荐几个配套的下载页，有需要的可以一起收了：

• css3 + html5
• html5 加 css3
• HTML5 加 CSS3
• websign with html5 and css3
• Using SVG with CSS3and HTML5
• html5 css3 离线包
• Html5 加 Css3 实战

如果你刚好在学 HTML5，或者打算做点响应式页面，不妨下载下来看看。多代码直接改改就能用，效率提升不止一点点。