做为一名前端开发者，你有必要知道这些项目资源！

原创 2017-03-29 web小二 web前端开发

 

Take control of your own desting.

命运掌握在本身手上。

 

前面跟你们分享了一期《这些优质的资源网站，你知道多少呀？》里面主要分享了电子图书，图片资源，一些找资源的搜索引擎站点，今天再跟你们分享一期前端开发者们，必去的一些资源站点，里面主要以网站源码项目的下载为主。很是酷的资源网站，但愿你不要错过。

 

1.CodePen：http://codepen.io/

网站里有不少很酷的特效，并且能够看到效果的源代码，也能够看到实现效果，是一个很是不错的前端开发学习资源网站。

 

 

这个是CodePen网站里的一个效果的源码截图，是否是很酷呀！

 

2.RunJS：http://runjs.cn/

点击广场，则能够看到不少开发者分享的一些效果源码，若是你想找资源，作项目，这个网站绝对是一个不错的选择。

 

这个也是RunJS里的一个项目的源码截图。

 

3.BestCSSButtonGenerat：

http://www.bestcssbuttongenerator.com/

这个网站主要提供各类按钮的CSS代码，你能够从预设的按钮中选择并使用模板用于本身的设计，还能够查看源代码，很是适合学习。

 

4.jsrun： http://jsrun.net

这里能够查看项目的源码，里面有不少人分享的一些特效，绝对是一个不错的学习资源网站。

 

 

下面这个截图是jsrun网站里的一个日期控件的项目做品的源码，若是你要用来学习的话，能够彻底下载下来。

这个开发者将他本身的项目分享在里面，能够查看效果，JS，HTML，CSS源码。

 

5.CodePlayerh：

ttp://thecodeplayer.com/

这个网站里的项目资源，不只能够看源码与项目效果，同时你还能看到开发者是若是将效果经过一行一行的代码敲定出来，我的以为很是酷，不行，你能够去看看哦！web小二说话，历来不骗人。

 

 

这个是一个项目在敲代码的状态截图效果，你们能够本身去体验一下。

 

 

六、实验楼-web：

https://www.shiyanlou.com/courses/

这里也有不少前端的项目，里面有详细的实现步骤，你能够跟着项目一步一步的作，同时还能够将源码下载下来学习，也是一个不错的前端项目学习网站。

 

七、html5tricks：

http://www.html5tricks.com/

网站里有不少前端实现的功能，能够在线查看效果，也能够下载源码的，是一个不错的学习资源网站。

 

八、Enjoy CSS：http://enjoycss.com/

此网站是一个完整的代码生成器，能够自定义输入域或CSS3按钮，一样能够查看源代码，适合学习。

 

 

九、frontendrescue：

https://uptodate.frontendrescue.org/

此网站里面分享了网络上关于前端的各类资源、大牛等资源信息，是个不错的学习网站。

 

十、Coursera：

https://www.coursera.org/

Coursera 是一个教育平台，它与全世界最顶尖的大学和机构合做，提供任何人可学习的免费在线课程。

 

十一、Dribbble：https://dribbble.com/

这是一个质量不错的设计网站，也能够常去逛逛，对提升审美也有帮助，即便不学设计的，多看看天然会有帮助。

 

 

十二、TutsPlus：https://tutsplus.com/

TutsPlus是一个为Web开发人员与设计人员提供教程与技术文章为目的网站，技能和技巧，提升用户设计和创建网站的能力。

 

 

1三、CAN I USE：http://caniuse.com/

CAN I USE，一个查询浏览器兼容性的网站。

 

1四、JSHint：http://jshint.com/

此站点是一个在线JS检测工具，能够检测JavaScript代码中的错误和潜在问题。

 

1五、CSS-tricks：https://css-tricks.com/

CSS-tricks是一个关于运用CSS技术进行网络开发和设计的小技巧的交流网站，里面有各种样式问题的解决方案以及深度思考。

 

1六、TechCrunch：

https://techcrunch.com/

TechCrunch 是一个科技类博客网站，主要以报道新兴互联网公司、评论互联网新产品、发布重大突发新闻为主要内容。

 

17、Webdesigner Depot：

http://www.webdesignerdepot.com/

这是一个网页设计资源网站，网页设计师必备站点，涵盖大量教程、工具、素材等资源，是一个必去的网站。

 

今天先分享到这里，若是你以为我今天的文章很是棒，请记得点赞，分享，在此，感谢你们的支持！