HTML5+CSS3前端规范与特效资源
HTML5 的新语义标签、CSS3 的各种视觉特效，真是前端进阶路上的好搭子。你要是想搞清楚和flex到底怎么玩，这波资源还挺值得一看。官方文档、实战源码、还有中文手册，干货不少，适合边学边练。
HTML5 规范的原始链接都在：http://www.whatwg.org/html5/ 和 http://dev.w3.org/html5/spec/Overview.html，规范比较长，建议按模块看，比如先了解下表单控件的变化。
CSS3 的模块化规范也都能在 http://www.w3.org/TR/css3-roadmap/ 和 http://dev.w3.org/csswg/ 找到。适合你想深入了解像box-shadow或media queries这类新属性时查资料。
实用类文章像 http://www.100li.com/html5/126710.html，手把手讲怎么做响应式页面，讲得比较清楚，适合入门阶段看。源码类的 http://www.100li.com/html5/71986.html 也不错，练手的时候参考一下布局方式方便。
还有像 http://html5demos.com/ 这种交互演示站，你点进去可以看到 HTML5 各种 API 的效果，比如拖拽、离线存储，点一点就明白咋回事了。记得用最新版浏览器，不然多特性跑不起来。
，中文参考手册也别错过：http://www.100li.com/html5/174456.html，格式比较清晰，查语法的时候比看官方文档快多了。
如果你刚开始啃 HTML5+CSS3，推荐从可视化效果学起，比如transition、transform这些，容易出结果，成就感也快。有时间再慢慢啃规范，边写边学最容易吸收。
文件大小：675KB
评论区