美工前端網站

http://hao.uisdc.com/   設計師網址導航

http://www.zhangxinxu.com/wordpress/  前端牛人(張鑫)部落格

https://isux.tencent.com  騰訊使用者體驗中心

http://www.responsivebreakpoints.com/  響應式 斷點生成器

http://stylifyme.com/  查網站樣式

 http://www.w3cplus.com/sassguide/  sass入門

http://lesscss.cn/  less中文網

http://www.cnblogs.com/hustskyking/p/a-kickstarter-guide-to-writing-es6.html    ECMAScript 6 掃盲

http://es6.ruanyifeng.com/#README    ECMAScript 6入門

http://www.w3cschool.cc/bootstrap/bootstrap-tutorial.html    bootstrap學習網

https://color.adobe.com/zh/explore/newest/  adobe官方的配色方案

http://www.geektantra.com/2010/05/jquery-megamenu-2/  menu外掛

 

http://www.mischair.com/demo/fancybox/  圖片、swf彈出 fancybox外掛

 https://css-tricks.com/almanac/   前端CSS 需要紅杏出牆  (http://h o _n_x.in/i/U6Ktr4Ko1wqLKhnV)

http://www.css3d.net/ribbon-generator/ 生成 3D飄帶頭部

http://www.loadinfo.net/ 載入圖片 需要紅杏出牆

http://code.ciaoca.com/jquery/kxbdmarquee/   跑馬燈  老虎抽獎機基礎

 

http://jex.im/regulex/  讓正規表示式的書寫 視覺化（github專案地址 ）

https://github.com/webcoding/video.js   html5 視訊展示

https://github.com/webcoding/metronic  響應式佈局後臺管理框架

http://www.alixixi.com/Dev/HTML/jsrun/menu/ 一些很好的頁面效果

 

http://csslint.net/    讓你的css寫的越來越好

http://zh.learnlayout.com css技巧學習網站（帶示例，中文）

 http://www.requirejs.cn/home.html   requireJs 中文網

http://www.apjs.net/    AngularJS中文網

 

http://es6.ruanyifeng.com/   ECMAScript 6 入門 阮一峰

https://www.awesomes.cn/    找js 外掛和源嗎

 https://www.codecademy.com/learn/web  線上編輯 學習 html css基礎

https://github.com/necolas/idiomatic-css/tree/master/translations/zh-CN   CSS編碼規則

http://caniuse.com/  能不能有，瀏覽器相容性查詢

 

《談CSS的設計模式》  http://kb.cnblogs.com/page/551422/

開始做，堅持做，重複做