web前端開發項目資源網站，私家珍藏！

1.CodePen：

http://codepen.io/

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

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

2.RunJS：

http://runjs.cn/

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

3.BestCSSButtonGenerat：

http://www.bestcssbuttongener...

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

4.jsrun：

http://jsrun.net

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

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

5.CodePlayerh：

ttp://thecodeplayer.com/

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

六、實驗樓-web：

https://www.shiyanlou.com/cou...

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

七、html5tricks：

http://www.html5tricks.com/

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

八、Enjoy CSS：

http://enjoycss.com/

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

九、frontendrescue：

https://uptodate.frontendresc...

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

十、Dribbble：

https://dribbble.com/

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

十一、TutsPlus：

https://tutsplus.com/

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

十二、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 是一個科技類博客網站，主要以報道新興互聯網公司、評論互聯網新產品、發佈重大突發新聞爲主要內容。

1六、Webdesigner Depot：

http://www.webdesignerdepot.com/

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

但願能對你們的學習以及工做有所幫助。