?學(xué)習(xí)站點資源

• Adobe出的，Adobe其實是html5非常忠實的擁抱者。官方社區(qū)有非常多的html5資源?http://beta.theexpressiveweb.com/
• can?i?use，非常好，誰用誰知道?http://caniuse.com/
• 前端觀察站，騰訊的前端技術(shù)，挺有含金量?http://www.qianduan.net/
• html5和css3開發(fā)，還是Adobe?http://www.adobe.com/cn/devnet/html5.html
• MDN，mozilla官方出品的HTML5資料庫，我認(rèn)為是地球上最好的前端資料庫?https://developer.mozilla.org/zh-CN/
• css3參考手冊在線版，很全?http://css.doyoe.com/
• 前端網(wǎng)（W3Cfuns） - 前端開發(fā)工程師互動平臺?http://www.w3cfuns.com/
• 站酷 (ZCOOL) - 設(shè)計師互動平?http://www.zcool.com.cn/
• 優(yōu)設(shè)-UISDC: 優(yōu)秀網(wǎng)頁設(shè)計聯(lián)盟-SDC-網(wǎng)頁設(shè)計師交流平臺-聽講座，聊設(shè)計，找素材，盡在優(yōu)設(shè)網(wǎng)?http://www.uisdc.com/

• 程序師

  http://www.techug.com/

  ”用程序師的眼光看世界“，涵蓋程序員的生活、工作（如項目管理、溝通，以及工作中遇到的溝通問題）。大部分文章文字和插圖相結(jié)合，可讀性強。

?

　 CSS3媒體查詢（Media?Query）

• css3媒體查詢官方文檔?http://www.w3.org/TR/css3-mediaqueries/
• css3媒體查詢官方中文文檔?http://www.w3.org/html/ig/zh/wiki/CSS3%E5%AA%92%E4%BD%93%E6%9F%A5%E8%AF%A2
• 前端觀察站的文章?http://www.qianduan.net/media-type-and-media-query.html

?

　 CSS3彈性盒模型（伸縮盒）

• 使用CSS彈性盒MDN?https://developer.mozilla.org/zh-CN/docs/CSS/Tutorials/Using_CSS_flexible_boxes
• 官方的CSS彈性盒模型?http://www.w3.org/html/ig/zh/wiki/Css3-flexbox/zh-hans

?

　 viewport與設(shè)備自適應(yīng)

• CSS?Device?Adaptation官方文檔?http://dev.w3.org/csswg/css-device-adapt/#the-atviewport-rule
• ATA技術(shù)社區(qū)，viewport筆記?http://www.atatech.org/article/detail/12233/786

?

　 CSS3動畫

• CSS3?Animation?http://www.w3cplus.com/content/css3-animation
• CSS3動畫在線測試工具（騰訊團(tuán)隊弄的）http://ecd.tencent.com/css3/tools.html
• CSS3?Transitions,?Transforms和Animation使用簡介與應(yīng)用展示?http://www.zhangxinxu.com/wordpress/2010/11/css3-transitions-transforms%E5%92%8Canimation%E4%BD%BF%E7%94%A8%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%BA%94%E7%94%A8%E5%B1%95%E7%A4%BA/

?

　 JavaScript性能優(yōu)化

• Javascript高性能動畫與頁面渲染?http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering
• 前端工程打開速度優(yōu)化的循序漸進(jìn)總結(jié)?http://www.cnblogs.com/zhengyun_ustc/archive/2013/05/09/frontendoptimize.html

?

　 ?用戶體驗

• DIVCSS5 - DIV+CSS布局教程學(xué)習(xí)與CSS資源分享平臺?http://www.divcss5.com/
• FEX 做最專業(yè)的前端?http://fex.baidu.com/
• GMU - mobile UI?http://gmu.baidu.com/
• IXDC－國際體驗設(shè)計協(xié)會 | 引領(lǐng)中國交互設(shè)計行業(yè)發(fā)展?http://ixdc.org/
• UEhtml設(shè)計師交流平臺 網(wǎng)頁設(shè)計 界面設(shè)計?http://www.uehtml.com/
• UI設(shè)計_UI_UI設(shè)計師-Uimaker-專注UI設(shè)計?http://www.uimaker.com/
• UI中國-專業(yè)界面設(shè)計平臺?www.ui.cn/
• 暢游視覺設(shè)計中心?http://vc.changyou.com/

?

　工具類

• 在線工具 —— 開源中國社區(qū)?view-source:http://tool.oschina.net/
• Placehold.it-圖片占位符?http://placehold.it/
• CSS 圖片拼合生成器-css_sprite?http://cn.spritegen.website-performance.org/

　　

　 阿里

• Iconfont-阿里巴巴矢量圖標(biāo)庫?http://iconfont.cn/
• 阿里巴巴（中國站）用戶體驗設(shè)計部博客?http://www.aliued.cn/
• TaoBaoUED | 做地球上最好的 UED?http://ued.taobao.org/blog/
• 一淘-UX-用戶體驗中心?http://ued.alimama.com/

　　

　?百度

• 百度MUX?http://mux.baidu.com/
• 百度搜索用戶體驗中心 | 創(chuàng)建搜索引擎的極致用戶體驗?http://vc.changyou.com/index.shtml

　　?

　?騰訊?

• TGideas-騰訊游戲官方設(shè)計團(tuán)隊?http://tgideas.qq.com/
• 騰訊CDC?http://cdc.tencent.com/
• 騰訊ecd – 電商用戶體驗設(shè)計部 E-Commerce User Experience?http://ecd.tencent.com/
• 騰訊ISUX – 社交用戶體驗設(shè)計 – Better Experience Through Design?http://isux.tencent.com/
• 騰訊MXD移動互聯(lián)網(wǎng)設(shè)計中心?http://mxd.tencent.com/
• 騰訊alloyteam?http://www.alloyteam.com/

?

　?網(wǎng)易

• 網(wǎng)易用戶體驗設(shè)計中心?http://uedc.163.com/
• 網(wǎng)易nec-更好的CSS樣式解決方案?http://nec.netease.com/

　　

　?新浪

• 新浪UED | 一個關(guān)注用戶體驗、關(guān)注工作流、關(guān)注作品質(zhì)量的有愛團(tuán)隊?http://ued.sina.com/
• 微博UDC | 讓設(shè)計無“微”不至?http://udc.weibo.com/

　　

轉(zhuǎn)載于:https://www.cnblogs.com/zmdblogs/p/6210419.html

總結(jié)

以上是生活随笔為你收集整理的前端工程师必备：学习资源全网罗的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。