是時(shí)候來(lái)更新一下我們需要選擇的工具或技術(shù)了。請(qǐng)欣賞我們的文檔和指南系列的第五部，別忘了讓我們知道任何其他我們尚未列入該系列的其他文檔或指南。

1. SitePoint Sass Reference（SASS參考）

SitePoint自己的一個(gè)項(xiàng)目，由SitePoint的常駐編輯Hugo Giraudel 和 Stu Robson建立的一個(gè)基于SASS的參考網(wǎng)站。

2. SVG viewBox and preserveAspectRatio Interactive Demo

這是一個(gè)與Sara Soueidan系列文章相關(guān)的交互頁(yè)面。這些演示幫助讀者可視化的理解SVG元素中的viewBox和preserveAspectRatio屬性。值得注意的是，演示頁(yè)面還提供了相關(guān)的Cheat Sheet。

3. CSS 2.1 Index List

這是我最近看到一個(gè)W3C的文檔。它列出了所有的CSS屬性，及屬性對(duì)應(yīng)特性的鏈接。某些情況下是鏈接到定義處，而有些則是鏈接到它的特性。

4. Popular Coding Convention on Github(在GitHub上流行的編碼約定)

選擇不同的語(yǔ)言，如JavaScript、Ruby、PHP，則頁(yè)面就會(huì)顯示對(duì)應(yīng)語(yǔ)言在GitHub上流行的編碼模式。

5. Dungeons and Developers

這不是一個(gè)互動(dòng)的游戲，而是一個(gè)類RPG的開(kāi)發(fā)人員需要掌握的技能樹(shù)，鏈接到很多不同的地方來(lái)學(xué)習(xí)列出的技能。

6. JSON API

如果你的你的團(tuán)隊(duì)對(duì)JSON響應(yīng)數(shù)據(jù)的格式化有分歧，那么JSON API將是你有效的反駁武器。通過(guò)遵循共同的約定，可以提高工作效率，利用廣義工具，并專注于真正重要的事：應(yīng)用程序。

7. jQuery UI Events Cheatsheet

8. Weightof.it

可以快速查看JavaScript庫(kù)大小并可選擇是否啟用Gzip壓縮的應(yīng)用。這個(gè)應(yīng)用程序還允許您添加不同的庫(kù)到“堆?！?比如添加到購(gòu)物車)，這樣你就可以查看庫(kù)總大小。

9. JavaScript in one pic

這是一個(gè)非常好的所有JavaScript原生功能的可視化。不是學(xué)習(xí)語(yǔ)言最實(shí)用的方式，但是通過(guò)一點(diǎn)，你可能會(huì)發(fā)現(xiàn)進(jìn)一步學(xué)習(xí)中可做的一些有趣的事情。

10. Understanding NPM

11. SVG on the Web

由 Jake Giltsoff 編寫(xiě)的SVG的概述，讓你快速了解如何在網(wǎng)站中使用SVG，并給出了一些技巧來(lái)幫助你。

12. GreenSock Cheat Sheet

一個(gè)關(guān)于JavaScript強(qiáng)大的動(dòng)畫(huà)庫(kù)–GreenSock的參考文檔（PDF格式）。

13. JavaScript Graphing Library Comparison

一個(gè)非常簡(jiǎn)單的比較JavaScript圖形、圖表庫(kù)的方法。

14. The Accessibility Cheatsheet

來(lái)自 Ire Aderinokun，這是一個(gè)Web內(nèi)容可訪問(wèn)性指南（WCAG）的濃縮版，有實(shí)例支持。

15. AngularJS Style Guide

“這種風(fēng)格指南的目的是為AngularJS應(yīng)用程序提供一組最佳實(shí)踐和風(fēng)格指南?！?/p>

16. Default Browser Focus Outline Styles

使用截圖的方式顯示不同的表單元素在不同瀏覽器下的處理風(fēng)格。

17. Flexbox in 5 Minutes

一個(gè)所有的flexbox規(guī)范中主要特點(diǎn)的互動(dòng)之旅。包括演示，允許你在頁(yè)面右邊嘗試各個(gè)特點(diǎn)。

18. Sass Functions Cheat Sheet

一個(gè)可搜索的Sass功能列表（顏色，透明度，數(shù)字，字符串，等等）參考資料。你可以下載一個(gè)雙頁(yè)彩色或黑白的PDF或者 LaTeX文件。

19. The State of Web Type

WEB支持的網(wǎng)絡(luò)類型及排版功能的最新數(shù)據(jù)。

20. ES6 Katas

一個(gè)列出了學(xué)習(xí)ECMAScript 6各種小招式的網(wǎng)站。

 

via：sitepoint，本文由 Specs 翻譯整理，發(fā)布在 Coder資源網(wǎng)，轉(zhuǎn)載請(qǐng)注明來(lái)源。