web前端开发项目资源网站，私家珍藏！分享给大家

1.CodePen：

http://codepen.io/

网站里有很多很酷的特效，而且可以看到效果的源代码，也可以看到实现效果，是一个非常不错的前端开发学习资源网站。

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

2.RunJS：

http://runjs.cn/

点击广场，则可以看到很多开发者分享的一些效果源码，如果你想找资源，做项目，这个网站绝对是一个不错的选择。

3.BestCSSButtonGenerat：

http://www.bestcssbuttongenerator.com/

这个网站主要提供各种按钮的CSS代码，你可以从预设的按钮中选择并使用模板用于自己的设计，还可以查看源代码，非常适合学习。

4.jsrun：

http://jsrun.net

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

这个开发者将他自己的项目分享在里面，可以查看效果，JS，HTML，CSS源码。

5.CodePlayerh：

ttp://thecodeplayer.com/

这个网站里的项目资源，不仅可以看源码与项目效果，同时你还能看到开发者是如果将效果通过一行一行的代码敲定出来，个人觉得非常酷，不行，你可以去看看哦！web小二说话，从来不骗人。

6、实验楼-web：

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

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

7、html5tricks：

http://www.html5tricks.com/

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

8、Enjoy CSS：

http://enjoycss.com/

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

9、frontendrescue：

https://uptodate.frontendrescue.org/

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

10、Dribbble：

https://dribbble.com/

这是一个质量不错的设计网站，也可以常去逛逛，对提高审美也有帮助，即使不学设计也可以进去看看

11、TutsPlus：

https://tutsplus.com/

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

12、CAN I USE：

http://caniuse.com/

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

13、JSHint：

http://jshint.com/

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

14、CSS-tricks：

https://css-tricks.com/

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

15、TechCrunch：

https://techcrunch.com/

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

16、Webdesigner Depot：

http://www.webdesignerdepot.com/

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

希望能对大家的学习以及工作有所帮助

这里推荐一下我的前端学习交流群：751196913，里面都是学习前端的从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴。2019最新技术，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!

web前端开发项目资源网站，私家珍藏！分享给大家相关推荐

学习Web前端开发，这些可行性的建议分享给大家！
互联网+的火爆,让互联网行业快速的扩张.越来越多的人想通过学习的途径进入这个行业,Java开发.Web前端开发.UI设计等专业受到大众追捧.这次主要介绍一下Web前端开发,为想要学习Web前端开发的人 ...
web前端常用的资源网站有哪些？
一.boostrap按钮自定义网站,可以自动生成按钮源码 http://blog.koalite.com/bbg/ 二.各种前端工具和前端网站都可以在这里面找到:醉牛前端 http://f2er.cl ...
web前端开发-js（网站的行为）
1 嵌入式命令语句<script></script> //如果在h5页面中书写,可以写在任何位置// 2 外部式书写格式:<script src="a.js&q ...
Web前端自学之路学习路线，web前端开发网站
前端开发作为一个由网页制作演变成的新兴岗位,其实在国内外来说,受到重视的时间并不长,在前几年间技术快速的发展和其应用普及率的迅猛增长,使得前端人才市场一片盛况空前的景象,由于其的易入门性和不错的发展前 ...
前端开发应知网站(转载)
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/weixin_43606158/arti ...
《Web前端开发技术》笔记
参考文献--<Web前端开发技术> by 储久良目录第1章 Web前端开发技术综述 1.1 Web概述 1.1.1 Web的起源 1.1.2 Web的特点 1.1.3 Web工作原理 ...
零基础开始学 Web 前端开发，有什么建议吗？--知
张立民 ,北京网站建设http://www.ookcn.com https://www.zhihu.com/question/19637373 https://www.zhihu.com/questi ...
html前端开发作品,Web前端开发（HTML5+CSS3）
HTML5和CSS3(简称H5技术)是Web前端开发的最新技术, H5技术可以实现多方面的跨界:PC端/移动端,Android/iOS.应用领域包含传统互联应用.移动开发和云计算等.市场上对Web前端 ...
零基础如何学 Web 前端开发？
前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发技术主要包括三个要素:HTML.CSS和JavaScript! 它要求前端开发工程师不仅要掌握基本的Web前端开 ...

web前端开发项目资源网站，私家珍藏！分享给大家

web前端开发项目资源网站，私家珍藏！分享给大家相关推荐

最新文章

热门文章