在我每天網(wǎng)上的搜索中，我遇到過很多有趣的info-apps(可以查找?guī)椭檎倚畔⒌膽?yīng)用)和文檔，因此在這里我列出了它們。

　　確實，不是 每一個都喜歡“列表帖子”或者摘要，但是，我們做不到讓每一個人都滿意。無論怎樣，我們不會總是發(fā)這些類型的帖子的。

　　在這種情況下，在某些晚上或者周末閱讀，作一些記錄也許是非常好的方法。我保證在這里你會發(fā)現(xiàn)有一些鏈接，你會重新點擊進去閱讀的。

　　請盡情欣賞!

　　1.CSS Vocabulary(CSS詞匯表)

　　(需自備墻梯才可以訪問)

　　點擊該應(yīng)用，將會使你了解到CSS語法所有不同的部分，和它們對應(yīng)的屬性名是什么。

　　2. Liquidapsive

　　一個簡單的信息布局，通過借助一個下拉選框，可以讓你在Responsive(響應(yīng))，Adaptive(自動適配)，Liquid(流體)，和Static(靜態(tài))之間選擇，你可以分別選擇這四種布局看看它們之間有什么不同。

　　3.Superhero.js

　　它是精彩文章,視頻,和演示文稿的集合,有助于維持一個龐大的JavaScript代碼庫。

　　包括一些常用的原則性類型的東西,在測試上的一些資源，工具，性能，安全，和其它更多的東西。

　　4. HowToCoffeeScript.com

　　它是用來學(xué)習(xí)和記住CoffeScript語法的一份參考手冊。

　　5. The HTML Landscape

　　它非常有趣。它是一份W3C文檔，用來描述WHATWG，W3C的HTML5.0和W3C的HTML5.1這三種HTML說明書之間”明顯的差別所在”。

　　它也許有一點側(cè)重技術(shù),但是你或許能夠在這里找到一些有趣的東西。

　　6. The Elements of HTML(HTML元素)

　　它只有非常漂亮的一頁圖表,在這頁圖表里綜合了HTML和XHTML元素。通過這張圖表，你可以知道每個具體元素屬于哪個。

　　這張圖表非常有利于查找出哪個元素已經(jīng)被棄用或者哪個元素在HTML5里已經(jīng)淘汰了。

　　7. JavaScript Equality Table(JavaScript等式表)

　　非常漂亮的一個三層結(jié)構(gòu)的圖表，它有助于你理解JavaScript的雙等和三等操作符。

　　上圖的結(jié)論呢?“除非你完全理解了在二等之間的轉(zhuǎn)換，你才可以使用三等。”

　　8. Web Accessibility Checklist(Web 權(quán)限手冊)

　　一個有用但是不是必要的手冊，它有助于你在你的項目里核對不同項目的權(quán)限。

　　該手冊里的很多內(nèi)容都很簡單,除了做一些權(quán)限驗證外,看看總是沒害的。

　　9. Static Web Apps — A Field Guide(靜態(tài)的網(wǎng)頁應(yīng)用-一份隨手的工作指南)

　　根據(jù)它的描述:”這份指南將向你介紹靜態(tài)Web 應(yīng)用的世界和在構(gòu)建它們時遇到的相同挑戰(zhàn)而提供的解決方案?！?/span>

　　它的理念是推廣一個架構(gòu)來消除常見的開發(fā)問題。

　　10. Learn regular expressions in about 55 minutes(在大約55分鐘的時間內(nèi)學(xué)習(xí)正則表達式)

　　一份內(nèi)容豐富的文檔或者叫指南，它介紹了正則表達式。

　　我猜要想從這份文檔里有所收獲,所花費的時間將會比它說的”55分鐘”更長久,但是它確實值得看看。

　　11. Open Web CSS Reference(開放的Web CSS參考指南)

　　這確實是一份綜合性的，而且是很少有人知道的CSS屬性和功能的參考指南。

　　根據(jù)參考指南上的字母表和包含的鏈接,你可以去訪問上面列出的內(nèi)容的詳細信息。

　　12. CSS Values(CSS Value值)

　　這是我自己做的。它可以很方便地查找一個CSS屬性，并且可以迅速地瀏覽可能的value值。例如，你忘記了像font-variant這樣模糊不清的值，你可以通過它來找到令你滿意的值。

　　除了可以查找value值外,最新的版本還包括每一個屬性的瀏覽器支持圖表,由caniuse.com提供。

　　Caniuse.com鏈接地址: http://caniuse.com/

　　13. ES6features(ES6功能入門)

　　它來自Microsoft(微軟)開發(fā)者Luke Hoban,在ECMAScript6說明書里添加的新東西的一份綜述。

　　介紹指出,”在主流JavaScript引擎里實現(xiàn)這些功能已經(jīng)開始了”,所以它對于開始熟悉這些東西非常有用。

　　14. Relevant Spec Links(相關(guān)的具體鏈接)

　　我通常都苦于沒有具體的信息可以告訴我去哪兒搜索自己想要的東西。它是從Mozilla上總結(jié)的一份簡潔的鏈接信息，這是你要知道的規(guī)范。

　　Mozilla介紹鏈接地址: http://baike.sogou.com/v67452.htm?fromTitle=Mozilla

　　15. OverAPI.com

　　大量的參考手冊，多個系列。

　　它似乎包括了所有的計算機語言。當點擊圖標時，參考手冊會鏈接到相關(guān)的官方資源(包括MDN,PHP,.net等等)。

　　16. JavaScript: The Right Way

　　它是一份JavaScript指南，它的目的是把JavaScript介紹給新的開發(fā)者和幫助他們通過JavaScript最佳實踐獲取到豐富的編程經(jīng)驗。

　　17. The HTML5 JavaScript API Index(HTML5的JavaScript API索引)

　　一個真正的用來搜索HTML5 API信息的全面一站式的地方。

　　它”自動從HTML5說明文檔生成”,而且在三個面板區(qū)域視圖下導(dǎo)航很容易。

　　18. Zeal

　　它很優(yōu)雅整潔。它是一個原生app，對于Windows操作系統(tǒng)和Linux操作系統(tǒng)都有對應(yīng)的Dash文檔瀏覽器版本，它可以讓你離線搜索超過130份的API文檔。

　　Dash鏈接地址: https://kapeli.com/dash

　　只要有一個簡單的鍵盤快捷鍵,你就能在你的工作空間的任何地方顯示出該API瀏覽器。

　　19. The Ultimate Flexbox Cheat Sheet(可擴展的終極參考手冊)

　　它是一個可擴展的參考手冊，可以幫助你找到你需要的flexbox(可擴展布局盒)語法,并且?guī)椭阒販啬阌悬c不熟的相關(guān)東西。

　　同一個人，制作了非常棒的interactive Flexbox tutorials(交互式的Flexbox(可伸縮布局盒)教程)。

　　Interactive Flexbox tutorials鏈接地址: http://www.sketchingwithcss.com/flexbox-tutorial/

　　20. jsCode

　　它是一個app，可以幫助你創(chuàng)建你自己常用的JavaScript編碼指南。

　　你也可以查看由其他人制作的常用JavaScript編程指南,也可以和你的團隊或者其他合伙人來分享你制作的常用JavaScript編程指南。

　　總結(jié)

　　我在這里寫的絕大部分的東西都是很少被人知道的東西。如果你制作了什么，或者知道了某個文檔工具，或者有一套指南想分享，你可以在評論區(qū)告訴我們。