前端周刊是一份專為前端從業(yè)人員瓤鼻，以及對前端、設(shè)計領(lǐng)域感興趣的朋友們打造的技術(shù)周刊贤重。程小獅會精選出前端茬祷、設(shè)計領(lǐng)域近期相關(guān)的資訊、熱點(diǎn)以及技術(shù)干貨并蝗，與大家一同分享祭犯。
前端周刊專注于前端領(lǐng)域技術(shù)分享。希望這份周刊能夠成為你成長的得力助手與伙伴滚停。
又到了周末沃粗，與前端寶寶們相見的時刻，程小獅還是有些激動键畴。因?yàn)橄嘁姴灰鬃钪眩倚星艺湎А?/p>
眼瞅著，2016 年就快要結(jié)束了镰吵￠莺蹋《前端周刊》也迎來了第十一期，回顧從創(chuàng)刊至今疤祭，能堅持下來還是不容易的盼产。這一路，我的收獲也是蠻多勺馆。無論是對前端開發(fā)行業(yè)的理解戏售，還是在前端技術(shù)上的學(xué)習(xí)侨核，都讓我受益匪淺。而大家的支持灌灾，也讓我為之感動搓译。
在此，對支持我的朋友們锋喜，說聲謝謝些己！希望與君同行，越走越遠(yuǎn)嘿般。
那么段标，今年你在工作上、學(xué)習(xí)上什么收獲呢炉奴？歡迎在評論中逼庞，與大家分享你的收獲與感悟。
與君同行瞻赶！《前端周刊》第十一期獻(xiàn)給大家赛糟。
前端技術(shù)集——前端干貨聚集地
HTML
1. HTML5 元素選擇流程圖
地址：http://t.cn/RIZTt39
譯者：十年蹤跡
一張 HTML5 元素選擇流程圖，與你分享砸逊。
2. 使用 HTML5 Canvas 創(chuàng)建動態(tài)粒子網(wǎng)格動畫
地址：http://t.cn/Rfdfgld
譯者：myvin
手把手地教你利用 HTML5 Canvas 創(chuàng)建動態(tài)粒子網(wǎng)格動畫
CSS
1. 20 條書寫 CSS 代碼的建議
地址：http://t.cn/RfTcFLa
譯者：高華峰
本文翻譯自《20 Protips For Writing Modern CSS》璧南，作者將從 CSS 樣式使用技巧方面給大家一些建議。
2. CSS 居中：完全指南
地址：http://t.cn/RfRxHaD
譯者：EamonnZhang
CSS 的居中是眾多 CSS 難點(diǎn)的代表痹兜。在本文中穆咐，我們將隨作者通過不同的場景來了解 CSS 居中那些事。
3. CSS 新特性
地址：http://t.cn/RfHCAE0
作者：大漠
大漠老師在天津在線回聲公司分享的 CSS 話題整理字旭。
4. CSS3 Animation 屬性眾妙
地址：http://t.cn/RfYroS6
作者：Yetty
在本文中，我們將結(jié)合實(shí)際的開發(fā)經(jīng)驗(yàn)崖叫，介紹 CSS3 Animation 屬性的一些使用場景及技巧遗淳，讓你深入了解 CSS3 動畫屬性。
JavaScript
1. JavaScript 中的作用域（scope）和提升（hoisting）
地址：http://t.cn/Rfn8bUV
作者：亓官翊宸
通過示例講解 JavaScript 中的作用域心傀、變量與函數(shù)提升屈暗。
2. JavaScript 字符串實(shí)用常操紀(jì)要
地址：http://t.cn/RfCSHH7
作者：晚晴幽草軒軒主
JavaScript 字符串用于存儲和處理文本。因此在編寫 JS 代碼之時她總?cè)缬半S形脂男。在這篇文章中养叛，作者將與大家分享 JavaScript 字符串詳細(xì)的實(shí)用操作。
3. 15 個有趣的 JavaScript 與 CSS 庫
地址：http://t.cn/RfEP06t
譯者：IT程序獅
一些最新宰翅、有趣的 JS 與 CSS 庫弃甥，收藏備用。
4. 輕量高效的開源 JavaScript 插件和庫
地址：http://t.cn/RfEsWY9
作者： jaywcjlove
在這個列表里汁讼，你可以找到圖片淆攻、布局阔墩、彈出層、音頻視頻等各種 JS 插件和庫瓶珊，用來滿足你不同的項目需求啸箫。
5. Vue 構(gòu)建單頁應(yīng)用最佳實(shí)戰(zhàn)
地址：http://t.cn/RqOBL6F
作者：二哲
Vue 實(shí)戰(zhàn)單頁應(yīng)用。
其他推薦
1. 2016 年前端開發(fā)者深度調(diào)研
地址：http://t.cn/RfneZrr
作者：王下邀月熊_Chevalier
一份來自 4715 名前端開發(fā)者參與的調(diào)查伞芹，我們將了解在他們的技術(shù)體系中使用怎樣的前端技術(shù)忘苛，而最終對于整個前端社區(qū)的潮流風(fēng)向有個大致總覽。
2. 2016 年開源巨獻(xiàn)：來自百度的 71 款開源項目
地址：http://t.cn/Rf8D55W
作者：靈雨飄零
作者從 OSChina唱较、GitHub 上綜合整理的百度開源 70+ 項目扎唾，看看有沒有你感興趣的。
3. CodePen 上最新的 12 個熱門前端項目
地址：http://t.cn/RfBS2QN
作者：IT程序獅
CodePen 上绊汹，一些好玩稽屏、有趣的前端項目，它們能讓你耳目一新西乖。
4. 三看 SVG Web 動效
地址：http://t.cn/RfNQLxv
作者：lyxuncle
通過三個動效示例狐榔，作者將帶大家了解 SVG 標(biāo)簽與其屬性。
5. 一天精通 Chrome 開發(fā)
地址：http://t.cn/RIPztL8
作者：SegmentFault
來自 SegmentFault 的技術(shù)專題获雕，帶你零基礎(chǔ)學(xué)習(xí) Chrome 開發(fā)薄腻。
6. 淺析渲染引擎與前端優(yōu)化
地址：http://t.cn/RfdHQpB
作者：hanyuxinting
以 Chrome 瀏覽器的內(nèi)核 WebKit 為例，帶大家對渲染引擎如何展示頁面做個簡單届案、全面的了解庵楷。
前端新手家園——前端新人好幫手
1. CSS 參考手冊
地址：http://t.cn/hDPTG2
作者：@doyoe
應(yīng)該是國內(nèi)最好的 CSS 學(xué)習(xí)手冊了。推薦收藏楣颠！
2. 一個前端的職業(yè)軌跡
地址：http://t.cn/RqZjqkE
作者：歐雷
作者從自身經(jīng)歷出發(fā)尽纽，結(jié)合對他人的了解所總結(jié)的前端職業(yè)軌跡，供大家參考童漩。
3. Awesome JavaScript 中文版
地址：http://t.cn/RLvefUc
作者：wwsun
全面的 JS 學(xué)習(xí)列表弄贿。
4. 2015-2016 前端知識體系
地址：http://t.cn/RbmsuvF
作者：ouvens
作者總結(jié)了了前端這兩年的主流技術(shù)，供大家參考矫膨。
5. GitHub 上有哪些值得推薦的開源電子書差凹？
地址：http://t.cn/R4TJfV5
作者：聞其詳
一些 GitHub 上高質(zhì)量的免費(fèi)電子書推薦。
前端猿與射雞尸——設(shè)計的那些事
1. 2017 年 UI 設(shè)計的 10 大趨勢
地址：http://t.cn/RfSJFQM
譯者：Healan
隨著 2016 年接近尾聲侧馅，我們挑選了我們認(rèn)為您應(yīng)該在 2017 年 UI 設(shè)計的 10 個最重要的趨勢危尿，一起來看看。
2. 設(shè)計師與程序員不能錯過的 10 個酷站
地址：http://t.cn/RI7yQGu
作者：IT程序獅
為前端開發(fā)者馁痴、設(shè)計師帶來靈感的 10 個酷站谊娇，與大家分享。Have Fun弥搞！
3. 如何讓設(shè)計更具價值
地址：http://t.cn/RfRfroi
作者：福寶
以企鵝 FM 3.0 實(shí)際項目為例邮绿，帶大家了解如何讓你的設(shè)計更具價值渠旁。
程序人生——程序員的成長與故事
1. 如何看英文技術(shù)文檔
地址：http://t.cn/Rf18MFw
作者：Spxiaomin
作者以 jeykll 文檔為例，實(shí)戰(zhàn)講解如何看英文技術(shù)文檔船逮，供初學(xué)者參考顾腊。
2. 前端開發(fā)應(yīng)該怎么學(xué)
地址：http://t.cn/Rfr65Yq
作者：解牛
個人學(xué)習(xí)前端的經(jīng)歷分享。
3. 26 歲學(xué)編程會不會已經(jīng)晚了挖胃？
地址：http://t.cn/RIzoOzN
作者：LEONYao
想做一件事杂靶，任何時候都不晚。
如果喜歡本期內(nèi)容酱鸭，不妨點(diǎn)個贊吗垮，謝謝！同時凹髓，也歡迎分享你的感悟烁登。_
