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

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

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

　　請(qǐng)盡情欣賞!

　　1.CSS Vocabulary(CSS詞匯表)

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

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

　　2. Liquidapsive

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

　　3.Superhero.js

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

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

　　4. HowToCoffeeScript.com

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

　　5. The HTML Landscape

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

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

　　6. The Elements of HTML(HTML元素)

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

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

　　7. JavaScript Equality Table(JavaScript等式表)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　12. CSS Values(CSS Value值)

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

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

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

　　13. ES6features(ES6功能入門)

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

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

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

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

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

　　15. OverAPI.com

　　大量的參考手冊(cè)，多個(gè)系列。

　　它似乎包括了所有的計(jì)算機(jī)語言。當(dāng)點(diǎn)擊圖標(biāo)時(shí)，參考手冊(cè)會(huì)鏈接到相關(guān)的官方資源(包括MDN,PHP,.net等等)。

　　16. JavaScript: The Right Way

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

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

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

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

　　18. Zeal

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

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

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

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

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

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

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

　　20. jsCode

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

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

　　總結(jié)

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