相信在2015年很多這個行業的人都會有這樣的兩種感受：
- 真的不知所措，這個行業到底有多少東西需要去學習；
- 渴望更多，並迫不及待的為接下來的學習尋求一些思想方向。
第一個來自於我們的個人感受，而第二個則是純粹的必要性了。所以本文整理一些有用的信息，希望可以幫助相關領域的前端開發人員。
基於Can I use的數據和功能，這款應用給予你選擇一組前端開發特性的能力，並會讀取出一個全球性用戶能夠使用它的百分比。
2. Regulex
JavaScript正則表達式的可視化工具，在線輸入表達式后，動態生成表達式圖片。非常不錯的一個可視化Web在線正則表達式設計工具。
一個單頁網站，幫助你理解如何去使用各種有用但又復雜的基於選擇器組合的nth-child。
這個頁面展示了新的HTML 5視頻元素、媒體API和媒體事件。播放、暫停、搜索整個視頻、改變音量、靜音、改變播放速度（包括進入負值），查看視頻和潛在事件與屬性上的效果。
5. Excess XSS
這可能是所有開發者都應該熟悉的一個話題，並且這可能是一個很好的着手點。它是一個跨站點腳本編制綜合教程。
6. RSCSS
意思為“Reasonable Standard for CSS Stylesheet Structure（CSS樣式表結構合理的標准）”，記錄一些針對大項目的Sass/CSS編寫技巧和技術。
一個由Andrew Hathaway建立的項目，目的是幫助其他開發者學習如何用最好、最有效以及首選的方法編寫代碼。
Hugo Giraudel寫的Sass Guidelines目前已經被翻譯成其他六種語言。
9. Flexbugs
如果你的目的是使用flexbox構建一個網站，而事情卻並沒有像你所期望的那樣進行，你可以在這里找到解決方案。
10. A Front End Engineer’s Manifesto（一個前端工程師的宣言）
沒什么深入的東西，只是一些簡單的事情提示，所有的前端開發者應該考慮將其結合到開發過程和工作流中。
ES6特性轉換到ES5-compatible代碼的一個很好的參考。
來自開發者Chris Wright對Flexbox深入、實際看法。
13. BEM
一個全面推廣和培養BEM CSS使用方法的網站。
記錄不同Sass引擎之間的不兼容性問題。
15. HTMLelement.info
一個整潔、邏輯、易使用的指南規范，在不同的HTML元素上獲得信息。
你可能跟隨過很多JavaScript最佳實踐，卻並不明白所有這些技術背后的原因。本站旨在揭露JSLint、JSHint、和ESLint工具里錯誤和警告。
在Google Web基礎文檔中有很多有用的信息，而Animations對前端開發者尤為突出。
對很多不同的討論桌面和移動上圖標來龍去脈的文章進行了整理。
19. The CSS at…
20. Dash
Dash是一個API文檔瀏覽器和代碼片段管理者。（編譯：陳明）
推薦閱讀：
原文來自：sitepoint