前端开发项目资源网站

更新日期: 2019-02-12阅读: 2.4k标签: 网站

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、Coursera:

https://www.coursera.org/

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

 

11、Dribbble:

https://dribbble.com/

这是一个质量不错的设计网站,也可以常去逛逛,对提高审美也有帮助,即使不学设计的,多看看自然会有帮助。

 

12、TutsPlus:

https://tutsplus.com/

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

 

13、CAN I USE:

http://caniuse.com/

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

 

14、JSHint:

http://jshint.com/

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


15、CSS-tricks:

https://css-tricks.com/

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

 

16、TechCrunch:

https://techcrunch.com/

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

 

17、Webdesigner Depot:

http://www.webdesignerdepot.com/

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


链接: https://fly63.com/article/detial/1994

个人网站如何接入支付功能_支持个人支付的第三方平台整理

作为个人开发者,为自己的辛苦开发的项目配上支付功能,才有盈利的盼头!但是目前大部分都需要企业资质,那对应个人而言如何在网站、应用中接入支付功能呢?这里找了一些不需要企业资质的第三方支付平台。

网站内容检测——在线原创文章相似度在线检测工具总汇

为了自己网站上文章的质量,我们可以通过一些在线的原创文章相似度在线检测工具,进行检测自己的文章和网上相关文章的相似率!下面就为此整理了一些目网上已有的工具,以供大家参考使用

郑州网站建设告诉你移动端网站关键词怎么优化

移动端网站关键词怎么优化?现在人人都要用手机,手机已经成为我们生活中不可或缺的一部分,移动端也越来越重要了,很多企业都开始关注移动端关键词排名,移动端和PC端排名为什么差这么大,移动端关键词优化方法是什么?

新网站如何加快收录?

对于一个新网站来说,希望短时间内被收录无疑是网站经营者最关注的的问题。那么就让我们了解一下!新网站上传之后,首先在百度搜索上输入你的网站网址,然后主动向百度提交你的网站

了不起的gatsby.js_一个现代化开发网站的网站产生系统

GatsbyJS 是一个现代化开发网站的网站产生系统,拥有完整、丰富且开源的生态圈。它利用 React + GraphQL 产生的多页面应用,让前端工程师,编辑,用户都感到满意。就让我们一步步地探索这个系统吧。 GatsbyJS 是一个拥有超过 2万 Stars,3500 forks 的 React 网站生成系统。

大型网站架构设计方向初探

一个小型的网站,比如个人网站,可以使用最简单的html静态页面就实现了,配合一些图片达到美化效果,所有的页面均存放在一个目录下,这样的网站对系统架构、性能的要求都很简单,随着互联网业务的不断丰富,网站相关的技术经过这些年的发展

Chrome无法从该网站添加应用,扩展程序和用户脚本

更新谷歌浏览器之后发现不能通过本地 crx文件安装离线插件了,网上找到的方法有两种 :一个就是通过添加浏览器参数解决 但是这个方法我尝试之后失败了 ,第二个方法就是用工具安装,具体如何太麻烦了就没有用

在网站建设的时候需要考虑哪些因素?

站制作公司数不胜数,每家公司使用域名、服务器的提供商也是不同,制作网站使用代码语言、模板、自主研发的系统都是各不相同。网站整体的设计要好,这个设计,一是指网站的代码设计,最好采用PHP+MySQL的形式,像目前建站比较流行的Dedecms,Wordpress

新手如何学做网站_ 新手做网站买服务器

很多新手想做一个网站却不知道怎么做,今天呢,我就给有建网站需求的小伙伴们来说一说从建网站的步骤,还有一些常见问题的解决办法。在网络上的主机都有自己唯一的标识也就是你的IP地址,因为IP地址较长,不容易记忆

免费下载视频、图片素材的网站

找视频素材的网站,免费视频素材资源,如何免费下载视频素材? 推荐视频素材哪个网站好:videezy、pexels、splashbase 、footage crate、monzoom、Wedistill、Mazwai

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!