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

1. SitePoint Sass Reference（SASS參考）

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

2. SVG viewBox and preserveAspectRatio Interactive Demo

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

3. CSS 2.1 Index List

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

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

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

5. Dungeons and Developers

這不是一個互動的游戲，而是一個類RPG的開發(fā)人員需要掌握的技能樹，鏈接到很多不同的地方來學習列出的技能。

6. JSON API

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

7. jQuery UI Events Cheatsheet

8. Weightof.it

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

9. JavaScript in one pic

這是一個非常好的所有JavaScript原生功能的可視化。不是學習語言最實用的方式，但是通過一點，你可能會發(fā)現(xiàn)進一步學習中可做的一些有趣的事情。

10. Understanding NPM

11. SVG on the Web

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

12. GreenSock Cheat Sheet

一個關(guān)于JavaScript強大的動畫庫–GreenSock的參考文檔（PDF格式）。

13. JavaScript Graphing Library Comparison

一個非常簡單的比較JavaScript圖形、圖表庫的方法。

14. The Accessibility Cheatsheet

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

15. AngularJS Style Guide

“這種風格指南的目的是為AngularJS應(yīng)用程序提供一組最佳實踐和風格指南。”

16. Default Browser Focus Outline Styles

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

17. Flexbox in 5 Minutes

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

18. Sass Functions Cheat Sheet

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

19. The State of Web Type

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

20. ES6 Katas

一個列出了學習ECMAScript 6各種小招式的網(wǎng)站。

 

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