一些比較不錯的網站

　　這篇文章主要記錄了一些我以爲不錯的網站，以便於記憶，瀏覽。 

　　置頂：前端資源教程  （若是你有幸點進去，那麼我相信你必定不會放過它）

　　置頂：資源、工具、教程...應有盡有。。

　　置頂：知乎推薦網站、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

　　　　這個網站上有css三、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來檢查問題。