曾经,我非常羡慕那些人见人爱的人,我也想要变成那样,可是后来我才明白人见人爱也是需要天赋的,后来我开始默默努力,我想,就算我不能让每个人都喜欢我,至少因为我做的努力能得到别人的尊重。

一些比较不错的网站

一些比较不错的网站

  这篇文章主要记录了一些我觉得不错的网站,以便于记忆,浏览。 

  置顶:前端资源教程  (如果你有幸点进去,那么我相信你一定不会放过它)

  置顶:资源、工具、教程...应有尽有。。

  置顶:知乎推荐网站、app,包括网站排行,远程操控,视频加速。。。。。碉堡了

  

      MDN 官方文档

     即 Mozilla developer network ,  遇到问题先查官方文档。这就是一个很棒的官方文档。 张鑫旭大神推荐。

  

  更多可以看 前端导航  (包括前端技术、设计、色彩、图片素材、网站模版等

  1.菜鸟教程 

    此网站涉及面广,包括HTML/CSS、JavaScript(包括jQuery、node.js等等)、服务端语言(PHP、Python、Ruby、C++等等)、数据库、移动端(包括Android、Swift、jQuery Mobile等等)、XML、ASP.NET、Web Services、开发工具(包括Eclipse、Git、Firebug等等)以及网站建设(网站主机教程、TCP/IP、浏览器信息等等),总得来说是一个非常不错的网站。

  此外,此网站每个页面上都有一个搜索框,我们可以搜索到该网站内部的所有知识点。(推荐使用)

 

  2.W3school

    此网站涉及了网站技术的方方面面,提供了上千个实例(包括jQuery),有详尽的参考手册。值得推荐,但是个人认为它的在线编辑器不太好用(硬伤啊)。

  

 

  3.jQuery中文文档

    此文档设及到了jQuery中的所有知识点。

 

 

  4.segmentfault  (有问题,在这里提问)

    此网站是一个活跃的问答形式的网站,有很多不错的问题可以学习,相对于stackoverflow这种纯英文而言,这个网站是一个不错的选择。

 

  5. 张鑫旭-鑫空间

    博客语言以简单明了著称,擅长深入挖掘css技巧及内部实现机制,关于css的知识很多。

 

  6.爱编程    (实例) 

    该网站集合了大量的前端编程实例,可在线预览,可提供下载。网站地址为 www.w 2 b c.com (取掉中间的空格)

  

  7.极乐   (有问题,在这里提问)

    该网站同样是以问答的形式存在,有不懂的可以来这里提问。网站地址为www.d r e a w e r.com (取掉中间的空格)

  8.掘金

    一个高质量的技术社区,包含Android、前端、iOS、后端、设计、产品等。上面的文章多为高质量的文章。值得一看。

  

  9.codepen.io

    这是一个国外的网站,有很多非常有创意、有意思的东西,有源码可以直接看到并修改,可以没事去看看。并且这里我们还可以像jsfiddle一样来编写代码,包括html、css和js,且比jsfiddle更加方便。

 

  10.runjs.cn

    这是国内的一个网站,上面有很多实例,包括一些非常实用的例子,包括二级下拉菜单,轮播图等等,非常棒的网站,强烈推荐。

 

  11.jsrun.net

    这个网站和上面的网站很类似,同样有例子,但是不如上一个网站好,可以看看,这个网站还有一个搜索功能。

  

  12.psd素材下载

    git库,这里可以下PSD素材
 
  
  13.netease
    这个网站介绍了html/css/工程师的规范。“你是否常常碰到以下问题:你总是看不懂他写的代码,或者读起来很吃力;你需要改他的代码却无从下手,或总是要问他这里是什么,改了会不会影响其他代码;你和他一起开发一个产品,你总是怕代码和他有冲突或者互相影响;你的代码在多次维护之后变得越来越臃肿,越来越难以维护。解决以上问题只需要一种方法--读我们的规范!
    

  14.jq22

    这里有各种各样的封装好的插件可供使用,但是需要付费啊!

  

    15.设计网站集合

    这是寒哥整理的关于设计方面的一些网站。包括设计师网站、必备工具、神器级、小玩具、炫酷的网页、实用的字体和优秀文摘等等。

   

   16.icon(图片)   (!!!非常好)

    这是阿里的网站,有各种各样的图标可以供我们使用。使用github登录即可,我的账号是zzw918。(bitbucket的账号也是zzw918)

    这里的图片不仅可以免费下载,在下载之前我们还可以选择图片的颜色和格式! 强!

 

  17.babeljs.io

    这个网站是用于将ECMAScript 6代码编译成es5的在线编译工具,非常方便,这样就不用部署环境了。

 

  18.js css在线压缩

    实现在线压缩的工具,非常不错。

 

  19.w3cplus

    这个网站上有css3、sass、js、svg等等。

  

  20.bootstrap中文网

  可以下载bootstrap相关文件,有less教程(一般找不到啊!)。 还有一些jQuery手册,提供cdn加速等。git等。个人感觉其讲解更人性化、简单化。

   bootstrap学习网

  这个网站是值得推荐的!bootstrap的学习利器!

 

  21.根据你的设计在线生成css代码

 

 

  22  chrome知识,以及一些插件

  把这个看会,你的chrome就真的是你的了!!!!!!!!!!!!!!!!!!!!!!!!!!!

  23    实习就看看这里把

    

 

  24  tutorialzine.com

   这个网站中有很多教程,包括node.js等各种流行框架和html、css等基础知识的介绍,且这些教程支持免费下载!!!只是这是英文的,所以英语要好好学啦!

 

  25  http://my.36fy.com/

  FQ好又便宜

 

        26.cnodejs.org

            这个社区是中国境内学习node的最大社区,并且其中有很多入门的知识等等,可以多多学习。

 

          27 MDN

           即 Mozilla developer network ,  遇到问题先查官方文档。这就是一个很棒的官方文档。 张鑫旭大神推荐。

 

 

          28 css-tricks.com

    国外的一个关于CSS的网站,张鑫旭大神推荐。

 

        29 CSS icon

http://cssicon.space/#/

这个网站中的icon都是用CSS来写的,非常强大,可以学习学

作者来自Adobe Typekit的用户体验设计师Wenting Zhang,同时也是CSS ICON 和 underline.js的作者

 

  30.http://www.lubiaoqing.com/ 

    哈哈,这个网站有丰富的表情包,纯属娱乐~~

 

  31.icon网站

  这个网站上的icon可以免费下载!!棒!、

  

  32.http://jsfiddle.net/

  这是jsfiddle,在这个网站,我们可以在没有带自己电脑的情况下,随时编辑相应的html、css、js,并在同一个页面查看我们的页面,并且必须手动点击run才能使用。而使用codepen.io无疑是一个更棒的选择。

http://jsfiddle.net/

 

  33.https://www.zhihu.com/question/22951927

  没事的时候可以看看这个,有很多值得入手的小项目可以去做

 

  34.入门学习

 

 

  35.react学习资源

 

  35.  css 属性大全

    比较不错,可以看看

 

 

  37.divcss5

   这个网站时很早的一个网站,非常棒,包括各种css相关的知识,还有css hack总结和一些常用的特效的演示及代码。

 

  38.http://my.36fy.com/

    加速器,非常好,推荐使用。

 

  39.网站盒子

  不得不说,这是我迄今为止见过的最棒的网站。

 

  40.前端技术图谱

 

  44. 极客学院

  这上面的课程还是比较全的。可以参考,包括seo等等。

 

  45. 在线视频 -- 慕课

   这里汇总了十个主要的慕课网站,包括计算机专业的相关课程。

  46 学堂在线

  这是清华大学的慕课,加油! 每天都要学习啊

 

      47http://www.shouce.ren/

  东西很多,为什么知名度小呢》

 

    48. 电影下载

 

  49. youtube视频下载

    输入youtube中视频的url,就可以下载了。

 

  50. node + ejs + mongoDB搭建博客

    这个教程非常详细,诶,想来想去, github这个同性交友平台还是利用的少啊。。

 

  51. 阮一峰 nodejs 教程

 

 

  52. vuejs入门实例

    这是我看到的最棒的一篇讲解vue的例子,强烈推荐。

 

 

  53. 检查网站问题

  https://validator.w3.org/  通过输入url来检查问题。

 

posted @ 2016-11-20 17:32  Wayne-Zhu  阅读(919)  评论(1编辑  收藏  举报

一分耕耘,一分收获。