關於前端開發的20篇文檔與指南

相信在2015年不少這個行業的人都會有這樣的兩種感覺：

1. 真的不知所措，這個行業到底有多少東西須要去學習；
2. 渴望更多，併火燒眉毛的爲接下來的學習尋求一些思想方向。

第一個來自於咱們的我的感覺，而第二個則是純粹的必要性了。因此本文整理一些有用的信息，但願能夠幫助相關領域的前端開發人員。

1. I want to use

基於Can I use的數據和功能，這款應用給予你選擇一組前端開發特性的能力，並會讀取出一個全球性用戶可以使用它的百分比。

2. Regulex

JavaScript正則表達式的可視化工具，在線輸入表達式後，動態生成表達式圖片。很是不錯的一個可視化Web在線正則表達式設計工具。

3. Mastering the :nth-child

一個單頁網站，幫助你理解如何去使用各類有用但又複雜的基於選擇器組合的nth-child。

4. HTML 5 視頻事件和API

這個頁面展現了新的HTML 5視頻元素、媒體API和媒體事件。播放、暫停、搜索整個視頻、改變音量、靜音、改變播放速度（包括進入負值），查看視頻和潛在事件與屬性上的效果。

5. Excess XSS

這多是全部開發者都應該熟悉的一個話題，而且這多是一個很好的着手點。它是一個跨站點腳本編制綜合教程。

6. RSCSS

意思爲「Reasonable Standard for CSS Stylesheet Structure（CSS樣式表結構合理的標準）」，記錄一些針對大項目的Sass/CSS編寫技巧和技術。

7. CodeFightClub

一個由Andrew Hathaway創建的項目，目的是幫助其餘開發者學習如何用最好、最有效以及首選的方法編寫代碼。

8. Sass Guidelines

Hugo Giraudel寫的Sass Guidelines目前已經被翻譯成其餘六種語言。

9. Flexbugs

若是你的目的是使用flexbox構建一個網站，而事情卻並無像你所指望的那樣進行，你能夠在這裏找到解決方案。

10. A Front End Engineer’s Manifesto（一個前端工程師的宣言）

沒什麼深刻的東西，只是一些簡單的事情提示，全部的前端開發者應該考慮將其結合到開發過程和工做流中。

11. ES5中的ECMAScript 6等價物

ES6特性轉換到ES5-compatible代碼的一個很好的參考。

12. Flexbox Adventures

來自開發者Chris Wright對Flexbox深刻、實際見解。

13. BEM

一個全面推廣和培養BEM CSS使用方法的網站。

14. Sass Compatibility

記錄不一樣Sass引擎之間的不兼容性問題。

15. HTMLelement.info

一個整潔、邏輯、易使用的指南規範，在不一樣的HTML元素上得到信息。

16. JSLint Error Explanations

你可能跟隨過不少JavaScript最佳實踐，卻並不明白全部這些技術背後的緣由。本站旨在揭露JSLint、JSHint、和ESLint工具裏錯誤和警告。

17. Animations—— Web基礎

在Google Web基礎文檔中有不少有用的信息，而Animations對前端開發者尤其突出。

18. Favicon Cheat Sheet

對不少不一樣的討論桌面和移動上圖標前因後果的文章進行了整理。

19. The CSS at…

20. Dash

Dash是一個API文檔瀏覽器和代碼片斷管理者。（編譯：陳明）

推薦閱讀：

• 20 Useful Docs and Guides for Front-End Developers
• 20 More Docs and Guides for Front-End Developers

原文來自：sitepoint