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：
htt 12、CAN I USE：
http://caniuse.com/
CAN I USE，一個查詢浏覽器兼容性的網站。
13、JSHint：
http://jshint.com/
此站點是一個在線JS檢測工具，可以檢測JavaScript代碼中的錯誤和潛在問題。
14、CSS-tricks：
htt
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
