20個為前端開發者準備的文件和指南（8）

本文由碼農網 – 唐李川原創翻譯，轉載請看清文末的轉載要求，歡迎參與我們的付費投稿計劃！

在近幾個月，我收集了很多不同的學習資源，有學習指南，學習文件和其它有用的站點，它們可以幫助你學習不同的前端技術。在本帖中我列出了最好的。

因此請盡情欣賞我們的學習文件和學習指南系列的第八個部分，並且在欣賞完了以後不要忘了在評論區讓我們知道我們還沒有收集到的學習文件或者指南等資源。

1.Keyboard Event Viewer(鍵盤事件可視器)

它是一個可配置的互動式的工具,可以讓你觀察鍵盤事件的資料,它可以像在UI事件說明書裡顯示離線的事件資訊那樣顯示原始資訊。

2. jQuery Quick API Reference(jQuery便捷API參考手冊)

它是隻有一頁的jQuery功能表單，該表單涵蓋了jQuery1.10版本到jQuery2.0版本。你只需要點選某個你想要了解的功能，它將會以視窗的模式從jQuery文件裡開啟該功能詳細頁面。

3. BugRex

好吧，它並不是真正意義上的“文件”，它更像是一個互動式的幫助指導，在這裡你可以和某個高手交談。正如該站點解釋的那樣:”BugRex聊天網站是由一群真正助人為樂的開發者所運營的。你可以用它來理解新的概念，提問題或者修改令人討厭的bug。”

4. Global CSS Property Usage(全域性CSS屬性的用法)

如果你喜歡SitePoint最近關於CSS的調查，你或許會感謝這個資料，它是由Microsoft Edge團隊編譯的。他們每季掃描超過一百萬的網頁，然後編譯關於CSS屬性的有用統計資料。而且它也可以搜尋!

5. Performance Tooling Today(現今使用工具的工具效能)

它是一個資源大全網站，可以幫助你提高你的工作流程，而且該網站可以連結到其它更好更快的網站上。資源的種類包括工具、文章、視訊、幻燈片組、書籍、課程和效能審計。

6. Opera Mini Tips(Opera Mini瀏覽器忠告)

“它是前端開發功能的大全，但是沒有獲得Opera Mini瀏覽器的支援，僅是給他們提供了眾包的解決辦法。”

Opera Mini介紹的連結地址http://baike.sogou.com/v205242.htm?fromTitle=OperaMini

7. Touch Keyboard Type Cheat Sheet(觸控鍵盤型別參考手冊)

Baymard協會組織編制了可用的電子商務搜尋網站，它整理成了一份指南，用來鼓勵開發者來優化觸控鍵盤的表單域。例如如何設定合適的型別以及什麼時候使用像autocorrect,autocapitalize等等的屬性。該站點頁面上的表單可以在一個觸控裝置上進行測試。

8. HTML5 Cheat Sheet(HTML5參考手冊)

它的內容是HTML5標籤和標籤用法的一個既吸引人又簡單的參考手冊，該手冊可以作為一個PDF檔案或者PNG檔案使用。

9. Diff of HTMLs(HTML對比)

“它是一個非正式的用來對比WHATWG HTML標準和W3C HTML5.1差異的檢視器。該網站同時提供兩個說明書中每一個部分的不同差異檢視。”

10. CSS Support Guide for Email Clients (郵件客戶端CSS支援指南)

“它完全是一個在全世界十個最流行的手機，網頁和桌面郵件客戶端的CSS支援的分類。”

11. Babel User Handbook(Babel編譯器使用者手冊)

它是由James Kyle編寫的一個綜合性的指南，該指南內容涵蓋了Babel，這個流行的JavaScript編譯器;該指南涵蓋了你需要知道的關於使用Babel編譯器的一切知識內容和相關的工具。

12. The A11Y Project (A11Y 專案)

它不是一個新的專案，但是該網站最近重新設計了。它是一個”社群驅動的成果，目的是使得訪問網站更加容易。”包括相關的使用方法、故事、測試、提示、輔助技術資訊等等。

13. Flexbox playground(Flexbox測試場地)

一個互動式的flexbox CodePen的demo(示例)，他可以讓你很方便地測試Flexbox的不同屬性和屬性值。

CodePen介紹的連結地址: http://blog.csdn.net/javascriptcoder/article/details/17839951

14. Hypertext Transfer Protocol Version 2 (HTTP/2)(超文字傳輸協議版本2(HTTP/2))

它是被推薦的HTTP/2的標準說明書。

15. JS Tips(JS貼士)

它是Joel Lovera的一個專案，該專案提供了JavaScript貼士的檔案。這個專案最初打算是每天提供一個新的貼士資訊，但是似乎沒有堅持下去。儘管這樣，可他仍然是查詢快速提示的一個很好的資源。

16. LMHT

它是一個可以搜尋過濾內容的HTML標籤的參考手冊,專門設計來幫助那些說西班牙語的開發者理解HTML術語,包括英語和西班牙語術語定義的音訊。該手冊似乎在內容上還有所欠缺,但是如果你有這個能力,你可以為它做一點貢獻。

17. ES6 Overview in 350 Bullet Points(ES6 350個要點綜述)

Nicolás Bevacqua在他的部落格上寫了很多關於ES6(也就是ES2015)的文章，本次他總述了所有他之前寫作的ES6的文章，該綜述可以作為檢視ES6功能的一個快速入門手冊。

18. Say Yes to HTTPS(搞定HTTPS)

它是一個既簡單又實用的指南，可以幫助web開發者快速地瞭解HTTPS-包括它是什麼，它是怎麼工作的,和如何設定它。

19. Bigcommerce’s Sass Coding Guidelines(Bigcommerce網站的Sass編碼指南)

它是Bigcommerce的Sass 樣式指南,受到了SUIT CSS和Medium的CSS樣式的影響。

SUIT CSS介紹的連結地址: http://www.w3cplus.com/css/css-layers.html

Medium介紹的連結址:http://baike.sogou.com/v106216186.htm?fromTitle=medium

20. WPO Stats(Web效能優化統計)

“它擁有案例學習和測試，演示了Web效能優化在使用者體驗和商業度量上的影響。”

之前的七個帖子回顧：

20個為前端開發者準備的文件和指南（1）

20個為前端開發者準備的文件和指南（2）

20個為前端開發者準備的文件和指南（3）

20個為前端開發者準備的文件和指南（4）

20個為前端開發者準備的文件和指南（5）

20個為前端開發者準備的文件和指南（6）

20個為前端開發者準備的文件和指南（7）