做爲一名前端開發者，你有必要知道這些項目資源！

原創 2017-03-29 web小二 web前端開發

 

Take control of your own desting.

命運掌握在本身手上。

 

前面跟你們分享了一期《這些優質的資源網站，你知道多少呀？》裏面主要分享了電子圖書，圖片資源，一些找資源的搜索引擎站點，今天再跟你們分享一期前端開發者們，必去的一些資源站點，裏面主要以網站源碼項目的下載爲主。很是酷的資源網站，但願你不要錯過。

 

1.CodePen：http://codepen.io/

網站裏有不少很酷的特效，並且能夠看到效果的源代碼，也能夠看到實現效果，是一個很是不錯的前端開發學習資源網站。

 

 

這個是CodePen網站裏的一個效果的源碼截圖，是否是很酷呀！

 

2.RunJS：http://runjs.cn/

點擊廣場，則能夠看到不少開發者分享的一些效果源碼，若是你想找資源，作項目，這個網站絕對是一個不錯的選擇。

 

這個也是RunJS裏的一個項目的源碼截圖。

 

3.BestCSSButtonGenerat：

http://www.bestcssbuttongenerator.com/

這個網站主要提供各類按鈕的CSS代碼，你能夠從預設的按鈕中選擇並使用模板用於本身的設計，還能夠查看源代碼，很是適合學習。

 

4.jsrun： http://jsrun.net

這裏能夠查看項目的源碼，裏面有不少人分享的一些特效，絕對是一個不錯的學習資源網站。

 

 

下面這個截圖是jsrun網站裏的一個日期控件的項目做品的源碼，若是你要用來學習的話，能夠徹底下載下來。

這個開發者將他本身的項目分享在裏面，能夠查看效果，JS，HTML，CSS源碼。

 

5.CodePlayerh：

ttp://thecodeplayer.com/

這個網站裏的項目資源，不只能夠看源碼與項目效果，同時你還能看到開發者是若是將效果經過一行一行的代碼敲定出來，我的以爲很是酷，不行，你能夠去看看哦！web小二說話，歷來不騙人。

 

 

這個是一個項目在敲代碼的狀態截圖效果，你們能夠本身去體驗一下。

 

 

六、實驗樓-web：

https://www.shiyanlou.com/courses/

這裏也有不少前端的項目，裏面有詳細的實現步驟，你能夠跟着項目一步一步的作，同時還能夠將源碼下載下來學習，也是一個不錯的前端項目學習網站。

 

七、html5tricks：

http://www.html5tricks.com/

網站裏有不少前端實現的功能，能夠在線查看效果，也能夠下載源碼的，是一個不錯的學習資源網站。

 

八、Enjoy CSS：http://enjoycss.com/

此網站是一個完整的代碼生成器，能夠自定義輸入域或CSS3按鈕，一樣能夠查看源代碼，適合學習。

 

 

九、frontendrescue：

https://uptodate.frontendrescue.org/

此網站裏面分享了網絡上關於前端的各類資源、大牛等資源信息，是個不錯的學習網站。

 

十、Coursera：

https://www.coursera.org/

Coursera 是一個教育平臺，它與全世界最頂尖的大學和機構合做，提供任何人可學習的免費在線課程。

 

十一、Dribbble：https://dribbble.com/

這是一個質量不錯的設計網站，也能夠常去逛逛，對提升審美也有幫助，即便不學設計的，多看看天然會有幫助。

 

 

十二、TutsPlus：https://tutsplus.com/

TutsPlus是一個爲Web開發人員與設計人員提供教程與技術文章爲目的網站，技能和技巧，提升用戶設計和創建網站的能力。

 

 

1三、CAN I USE：http://caniuse.com/

CAN I USE，一個查詢瀏覽器兼容性的網站。

 

1四、JSHint：http://jshint.com/

此站點是一個在線JS檢測工具，能夠檢測JavaScript代碼中的錯誤和潛在問題。

 

1五、CSS-tricks：https://css-tricks.com/

CSS-tricks是一個關於運用CSS技術進行網絡開發和設計的小技巧的交流網站，裏面有各種樣式問題的解決方案以及深度思考。

 

1六、TechCrunch：

https://techcrunch.com/

TechCrunch 是一個科技類博客網站，主要以報道新興互聯網公司、評論互聯網新產品、發佈重大突發新聞爲主要內容。

 

17、Webdesigner Depot：

http://www.webdesignerdepot.com/

這是一個網頁設計資源網站，網頁設計師必備站點，涵蓋大量教程、工具、素材等資源，是一個必去的網站。

 

今天先分享到這裏，若是你以爲我今天的文章很是棒，請記得點贊，分享，在此，感謝你們的支持！