1.前言
时间过得真快，转眼间现在是2017年最后一个星期，而今天也是圣诞节，过几天也是元旦了。每到年底，大家都习惯总结和分享，我也不例外。但是经历，我之前已经发过了，那么我今天就分享吧！把我接触的一些资源分享给大家，算是送给大家的双旦礼物吧！希望大家能够从中获取自己所需的资源。从我接触前端的开始，到发稿时间截止的这段时间我看过很多的博客，开源项目也了解过一些，质量有参差不齐（甚至还出现过广告文，鸡汤文），但下面的推荐的博客，文章，项目或者其它资源都是我接触过的。不敢说资源最好，最全，适合每一个人，但是内容质量上让我满意的。可能有些资源我未必看完，看懂，看细。但我觉得是可以帮到大家的，能让大家提升技术水平的。希望能给大家起到一个引导，指路或者解惑的作用。如果大家有什么好的资源，也欢迎分享！
有一些资源链接，在后面我会加上括号的注释！比如： “
html5推广（介绍html5开发的创意广告） ”
，加上注释的原因可能有以下几点：
1.资源很不错，干货比较多，提醒大家看！
2.资源是一个系列的其中一个资源。比如一个系列有20多篇文章，每一篇都有用，我不可能把20多篇链接都贴上，所以一般我贴这个系列的第一条，提醒大家不要忘记读完所在系列！
3.资源里面的部分内容我个人觉得很有用，有部分我觉得没什么用！提醒大家挑着看，按需求看！
4.资源的标题可能会有些小误导，或者资源的其它注意事项，我加以自己的解释和备注。
2.推荐文章（教程）
html(5)
后HTML5时代II（简单粗暴的介绍html5的api，没什么废话）
html5推广（介绍html5开发的创意广告）
HTML5/CSS3（汤姆大叔总结的html5和css3的新特性）
HTML5 进阶系列：拖放 API 实现拖放排序 （这个系列的文章都不错，值得大家一看）
超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等
canvas入门实战--邀请卡生成与下载css(3)
CSS3属性教程与案例分享 （大漠的CSS3干货，进去里面可以逐个看，对css3的学习很有用）
CSS3实现11种经典的CSS技术 （大漠的CSS3经典实例干货，对css3的学习很有用）
W3cplus demo（w3cplus的案例，非常值得一看）
强大的css3（概括性的说明css3的新特性的一篇文章）
css3经典教程系列（不要忘记看完这个系列，文章都不错）
CSS3热身实战--过渡与动画（实现炫酷下拉，手风琴，无缝滚动）
有趣的CSS题目（1）： 左边竖条的实现方法 （看了第一篇，可以往下面看，总会会帮助的，不过这个网站有时候加载不出图片，如果加载不出图片，放弃还是坚持，大家抓主意）
Effective前端1：能使用html/css解决的问题就不要使用JS
深入了解 CSS3 新特性（也是概括性的总结，这个系列值得推荐）
【项目总结】扯一扯电商网站前端css的整体架构设计（1） （看了第一篇，别忘了看下面的一个系列）
css：默认的checkbox、input、radio太丑了？我来教你改变使用纯css3改写的带动画的默认样式
奇妙的 CSS shapes(CSS图形)注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。