最近幾個(gè)月，我們收集了很多不同的學(xué)習(xí)資源，包括文檔、指南以及很多有用的網(wǎng)站，可以幫你學(xué)習(xí)不同的前端技能。這里列出了一些其中非常棒的。

1. Keyboard Event Viewer

一個(gè)可配置的交互式工具，讓你能夠查看鍵盤事件，既包括事件信息的傳統(tǒng)概念，也有用戶界面事件規(guī)范。

2. jQuery Quick API Reference

jQuery 功能的 Cheet Sheet，涵蓋了 jQuery 的 1.0/2.0 版本，只需點(diǎn)擊其中的一項(xiàng)，即可在彈出框中打開 jQuery 的文檔。

3. BugRex

這個(gè)不太像是一個(gè)“文檔”，而更像是一個(gè)幫助指南的替代品，你可以與專家進(jìn)行交談。就像網(wǎng)站介紹的：“BugRex 是由一個(gè)真正喜歡幫助他人的開發(fā)者社區(qū)在維護(hù)，使用它理解新的概念、提問題或者修復(fù)惱人 的 BUG”。

4. Global CSS Property Usage

如果你喜歡 SitePoint 的 CSS 調(diào)查，那么你可能也會(huì)喜歡這個(gè)數(shù)據(jù)，它是由微軟 Edge 團(tuán)隊(duì)編輯的。他們每季度掃描超過百萬的網(wǎng)頁，然后得出的 CSS 屬性的使用狀態(tài)。并且它支持搜索。

5. Performance Tooling

收集的一些資源，可以幫你提升工作流，并提供更快更好的網(wǎng)站。資源類別包括工具、文章、視頻、幻燈片、書籍、課程和績(jī)效審計(jì)。

6. Opera Mini Tips

“Opera Mini不支持的前端開發(fā)的功能集合，以及他們一些眾包解決方法的支持。”

7. Touch Keyboard Type Cheat Sheet

8. HTML5 Cheat Sheet

HTML5 標(biāo)簽及其含義的簡(jiǎn)單 Cheat Sheet，提供 PDF 和 PNG 。

9. Diff of HTMLs

10. CSS Support Guide for Email Clients

11. Babel User Handbook

James Kyle 編寫的涵蓋了 Babel (JavaScript 編譯器) 的全面指南。涵蓋了使用 Babel 及其相關(guān)工具你所需要知道的全部東西。

12. The A11Y Project

并不是一個(gè)新的項(xiàng)目，但這個(gè)網(wǎng)站最近進(jìn)行了重新設(shè)計(jì)。

13. Flexbox playground

flexbox CodePen 演示的替代品，讓你可以輕松的測(cè)試不同的屬性和值。

14. Hypertext Transfer Protocol Version 2 (HTTP/2)

HTTP/2 標(biāo)準(zhǔn)規(guī)范

15. JS Tips

一個(gè)提供 JavaScript 小技巧的項(xiàng)目。該項(xiàng)目的最初目標(biāo)是每天提供一個(gè) Javascript 小技巧，但似乎以及不在維護(hù)了。不過仍是一個(gè)好的資源。

16. LMHT

可搜索的 HTML 標(biāo)簽參考。

17. ES6 Overview in 350 Bullet Points

Nicolás Bevacqua 曾在他的博客中寫過一些關(guān)于 ES6 的文章。他把前面的文章做了一些總結(jié)，作為 ES6 特性的快速參考。

18. Say Yes to HTTPS

一個(gè)可以幫助開發(fā)者快速掌握 HTTPS 的簡(jiǎn)單使用指南 — 它是什么，它是如何工作的，以及如何設(shè)置它。

19. Bigcommerce’s Sass Coding Guidelines

Sass 樣式指南

20. WPO Stats

在用戶體驗(yàn)和商業(yè)指標(biāo)方面影響WEB性能優(yōu)化的案例研究。

via：sitepoint，本文由 Specs 翻譯整理，發(fā)布在 WEB資源網(wǎng)。