1.CodePen：
http://codepen.io/
網站里有很多很酷的特效，而且可以看到效果的源代碼，也可以看到實現效果，是一個非常不錯的前端開發學習資源網站。
這個是CodePen網站里的一個效果的源碼截圖，是不是很酷呀！
2.Runjs：
http://runjs.cn/
點擊廣場，則可以看到很多開發者分享的一些效果源碼，如果你想找資源，做項目，這個網站絕對是一個不錯的選擇。
3.BestcssButtonGenerat：
http://www.bestcssbuttongenerator.com/
這個網站主要提供各種按鈕的CSS代碼，你可以從預設的按鈕中選擇並使用模板用於自己的設計，還可以查看源代碼，非常適合學習。
4.jsrun：
http://jsrun.net
這里可以查看項目的源碼，里面有很多人分享的一些特效，絕對是一個不錯的學習資源網站。
這個開發者將他自己的項目分享在里面，可以查看效果，JS，html，CSS源碼。
5.CodePlayerh：
ttp://thecodeplayer.com/
這個網站里的項目資源，不僅可以看源碼與項目效果，同時你還能看到開發者是如果將效果通過一行一行的代碼敲定出來，個人覺得非常酷，不行，你可以去看看哦！web小二說話，從來不騙人。
6、實驗樓-web：
https://www.shiyanlou.com/courses/
這里也有很多前端的項目，里面有詳細的實現步驟，你可以跟着項目一步一步的做，同時還可以將源碼下載下來學習，也是一個不錯的前端項目學習網站。
7、html5tricks：
http://www.html5tricks.com/
網站里有很多前端實現的功能，可以在線查看效果，也可以下載源碼的，是一個不錯的學習資源網站。
8、Enjoy CSS：
http://enjoycss.com/
此網站是一個完整的代碼生成器，可以自定義輸入域或CSS3按鈕，同樣可以查看源代碼，適合學習。
9、frontendrescue：
https://uptodate.frontendrescue.org/
此網站里面分享了網絡上關於前端的各種資源、大牛等資源信息，是個不錯的學習網站。
10、Coursera：
https://www.coursera.org/
Coursera 是一個教育平台，它與全世界最頂尖的大學和機構合作，提供任何人可學習的免費在線課程。
11、Dribbble：
https://dribbble.com/
這是一個質量不錯的設計網站，也可以常去逛逛，對提高審美也有幫助，即使不學設計的，多看看自然會有幫助。
12、TutsPlus：
https://tutsplus.com/
TutsPlus是一個為Web開發人員與設計人員提供教程與技術文章為目的網站，技能和技巧，提高用戶設計和建立網站的能力。
13、CAN I USE：
http://caniuse.com/
CAN I USE，一個查詢瀏覽器兼容性的網站。
14、JSHint：
http://jshint.com/
此站點是一個在線JS檢測工具，可以檢測JavaScript代碼中的錯誤和潛在問題。
15、CSS-tricks：
https://css-tricks.com/
CSS-tricks是一個關於運用CSS技術進行網絡開發和設計的小技巧的交流網站，里面有各類樣式問題的解決方案以及深度思考。
廣州vi設計http://www.maiqicn.com 辦公資源網站大全https://www.wode007.com
16、TechCrunch：
https://techcrunch.com/
TechCrunch 是一個科技類博客網站，主要以報道新興互聯網公司、評論互聯網新產品、發布重大突發新聞為主要內容。
17、Webdesigner Depot：
http://www.webdesignerdepot.com/
這是一個網頁設計資源網站，網頁設計師必備站點，涵蓋大量教程、工具、素材等資源，是一個必去的網站。