1。CodePen：http://codepen.io/网站上有很多很酷的特效，可以看到效果源码，也可以看到实现效果。是一个非常不错的前端开发学习资源网站。这是CodePen网站上的一个效果的源代码截图，是不是很酷！2.RunJS：http://runjs.cn/点击方块，可以看到很多开发者分享的一些效果源码。如果你想找资源做项目，这个网站绝对是个不错的选择。3.BestCSSButtonGenerat：http://www.bestcssbuttongener...这个网站主要提供各种按钮的CSS代码。您可以从预设按钮中进行选择，并使用模板进行自己的设计。还可以查看源码，非常适合学习。4.jsrun：http://jsrun.net这里可以查看项目源码。有很多人分享的一些特效。绝对是一个很好的学习资源网站。开发者在里面分享自己的项目，可以查看效果、JS、HTML、CSS源码。5.CodePlayerh:ttp://thecodeplayer.com/这个网站的项目资源，不仅可以看到源码和项目效果，还可以看到开发者是如何通过一行一行的代码来敲定效果的，就是非常个性化。酷，不，你可以去看看！网络男孩说话时从不说谎。6、实验building-web：https://www.shiyanlou.com/cou...这里也有很多前端项目，里面有详细的实现步骤。可以跟着项目一步一步来，也可以下载源码下来学习，也是一个不错的前端项目学习网站。7、html5tricks：http://www.html5tricks.com/网站中有很多前端功能。可以在线查看效果并下载源码。是一个很好的学习资源网站。8.EnjoyCSS:http://enjoycss.com/这个网站是一个完整的代码生成器，可以自定义输入框或者CSS3按钮。也可以查看源码，适合学习。9、Frontendrescue：https://uptodate.frontendresc...本站分享各种前端资源，大牛等网络资源信息。是一个很好的学习网站。10.Dribbble：https://dribbble.com/这是一个质量不错的设计网站。您也可以经常访问它。也有助于提高审美。就算不学设计，多看自然也有帮助。11.TutsPlus：https://tutsplus.com/TutsPlus是一个为网站开发人员和设计人员提供教程和技术文章、技能和技术，提高用户设计和构建网站能力的网站。12.CANIUSE：http://caniuse.com/CANIUSE，浏览器兼容性查询网站。13.JSHint：http://jshint.com/这个站点是一个在线的JS检测工具，可以检测JavaScript代码中的错误和潜在问题。14.CSS-tricks：https://css-tricks.com/CSS-tricks是一个关于使用CSS技术进行网页开发和设计技巧的交流网站。它包含各种样式问题的解决方案和深入的思考。15.TechCrunch：https://techcrunch.com/TechCrunch是一个科技博客网站，主要报道新兴互联网公司，评论互联网新产品，发布重大突发新闻。16.WebdesignerDepot：http://www.webdesignerdepot.com/这是一个网页设计资源网站，网页设计师必备站点，涵盖教程、工具、资料等大量资源。一个必须访问的网站。希望能对大家的学习和工作有所帮助。
