一些比較不錯的網站
這篇文章主要記錄了一些我覺得不錯的網站,以便於記憶,瀏覽。
置頂:前端資源教程 (如果你有幸點進去,那麽我相信你一定不會放過它)
置頂:資源、工具、教程...應有盡有。。
置頂:知乎推薦網站、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來檢查問題。
一些比較不錯的網站