站長(zhǎng)資訊網(wǎng)在我每天網(wǎng)上的搜索中，我遇到過(guò)很多有趣的info-apps(可以查找?guī)椭檎倚畔⒌膽?yīng)用)和文檔，因此在這里我列出了它們。
確實(shí)，不是 每一個(gè)都喜歡“列表帖子”或者摘要，但是，我們做不到讓每一個(gè)人都滿意。無(wú)論怎樣，我們不會(huì)總是發(fā)這些類型的帖子的。
在這種情況下，在某些晚上或者周末閱讀，作一些記錄也許是非常好的方法。我保證在這里你會(huì)發(fā)現(xiàn)有一些鏈接，你會(huì)重新點(diǎn)擊進(jìn)去閱讀的。
請(qǐng)盡情欣賞!
1.CSS Vocabulary(CSS詞匯表)
(需自備墻梯才可以訪問(wèn))
點(diǎn)擊該應(yīng)用，將會(huì)使你了解到CSS語(yǔ)法所有不同的部分，和它們對(duì)應(yīng)的屬性名是什么。
2. Liquidapsive
一個(gè)簡(jiǎn)單的信息布局，通過(guò)借助一個(gè)下拉選框，可以讓你在Responsive(響應(yīng))，Adaptive(自動(dòng)適配)，Liquid(流體)，和Static(靜態(tài))之間選擇，你可以分別選擇這四種布局看看它們之間有什么不同。
3.Superhero.js
它是精彩文章,視頻,和演示文稿的集合,有助于維持一個(gè)龐大的JavaScript代碼庫(kù)。
包括一些常用的原則性類型的東西,在測(cè)試上的一些資源，工具，性能，安全，和其它更多的東西。
4. HowToCoffeeScript.com
它是用來(lái)學(xué)習(xí)和記住CoffeScript語(yǔ)法的一份參考手冊(cè)。
5. The HTML Landscape
它非常有趣。它是一份W3C文檔，用來(lái)描述WHATWG，W3C的HTML5.0和W3C的HTML5.1這三種HTML說(shuō)明書之間”明顯的差別所在”。
它也許有一點(diǎn)側(cè)重技術(shù),但是你或許能夠在這里找到一些有趣的東西。
6. The Elements of HTML(HTML元素)
它只有非常漂亮的一頁(yè)圖表,在這頁(yè)圖表里綜合了HTML和XHTML元素。通過(guò)這張圖表，你可以知道每個(gè)具體元素屬于哪個(gè)。
這張圖表非常有利于查找出哪個(gè)元素已經(jīng)被棄用或者哪個(gè)元素在HTML5里已經(jīng)淘汰了。
7. JavaScript Equality Table(JavaScript等式表)
非常漂亮的一個(gè)三層結(jié)構(gòu)的圖表，它有助于你理解JavaScript的雙等和三等操作符。
上圖的結(jié)論呢?“除非你完全理解了在二等之間的轉(zhuǎn)換，你才可以使用三等。”
8. Web Accessibility Checklist(Web 權(quán)限手冊(cè))
一個(gè)有用但是不是必要的手冊(cè)，它有助于你在你的項(xiàng)目里核對(duì)不同項(xiàng)目的權(quán)限。
該手冊(cè)里的很多內(nèi)容都很簡(jiǎn)單,除了做一些權(quán)限驗(yàn)證外,看看總是沒(méi)害的。
9. Static Web Apps — A Field Guide(靜態(tài)的網(wǎng)頁(yè)應(yīng)用-一份隨手的工作指南)
根據(jù)它的描述:”這份指南將向你介紹靜態(tài)Web 應(yīng)用的世界和在構(gòu)建它們時(shí)遇到的相同挑戰(zhàn)而提供的解決方案。”
它的理念是推廣一個(gè)架構(gòu)來(lái)消除常見的開發(fā)問(wèn)題。
10. Learn regular expressions in about 55 minutes(在大約55分鐘的時(shí)間內(nèi)學(xué)習(xí)正則表達(dá)式)
一份內(nèi)容豐富的文檔或者叫指南，它介紹了正則表達(dá)式。
我猜要想從這份文檔里有所收獲,所花費(fèi)的時(shí)間將會(huì)比它說(shuō)的”55分鐘”更長(zhǎng)久,但是它確實(shí)值得看看。
11. Open Web CSS Reference(開放的Web CSS參考指南)
這確實(shí)是一份綜合性的，而且是很少有人知道的CSS屬性和功能的參考指南。
根據(jù)參考指南上的字母表和包含的鏈接,你可以去訪問(wèn)上面列出的內(nèi)容的詳細(xì)信息。
12. CSS Values(CSS Value值)
這是我自己做的。它可以很方便地查找一個(gè)CSS屬性，并且可以迅速地瀏覽可能的value值。例如，你忘記了像font-variant這樣模糊不清的值，你可以通過(guò)它來(lái)找到令你滿意的值。
除了可以查找value值外,最新的版本還包括每一個(gè)屬性的瀏覽器支持圖表,由caniuse.com提供。
Caniuse.com鏈接地址: http://caniuse.com/
13. ES6features(ES6功能入門)
它來(lái)自Microsoft(微軟)開發(fā)者Luke Hoban,在ECMAScript6說(shuō)明書里添加的新東西的一份綜述。
介紹指出,”在主流JavaScript引擎里實(shí)現(xiàn)這些功能已經(jīng)開始了”,所以它對(duì)于開始熟悉這些東西非常有用。
14. Relevant Spec Links(相關(guān)的具體鏈接)
我通常都苦于沒(méi)有具體的信息可以告訴我去哪兒搜索自己想要的東西。它是從Mozilla上總結(jié)的一份簡(jiǎn)潔的鏈接信息，這是你要知道的規(guī)范。
Mozilla介紹鏈接地址: http://baike.sogou.com/v67452.htm?fromTitle=Mozilla
15. OverAPI.com
大量的參考手冊(cè)，多個(gè)系列。
它似乎包括了所有的計(jì)算機(jī)語(yǔ)言。當(dāng)點(diǎn)擊圖標(biāo)時(shí)，參考手冊(cè)會(huì)鏈接到相關(guān)的官方資源(包括MDN,PHP,.net等等)。
16. JavaScript: The Right Way
它是一份JavaScript指南，它的目的是把JavaScript介紹給新的開發(fā)者和幫助他們通過(guò)JavaScript最佳實(shí)踐獲取到豐富的編程經(jīng)驗(yàn)。
17. The HTML5 JavaScript API Index(HTML5的JavaScript API索引)
一個(gè)真正的用來(lái)搜索HTML5 API信息的全面一站式的地方。
它”自動(dòng)從HTML5說(shuō)明文檔生成”,而且在三個(gè)面板區(qū)域視圖下導(dǎo)航很容易。
18. Zeal
它很優(yōu)雅整潔。它是一個(gè)原生app，對(duì)于Windows操作系統(tǒng)和Linux操作系統(tǒng)都有對(duì)應(yīng)的Dash文檔瀏覽器版本，它可以讓你離線搜索超過(guò)130份的API文檔。
Dash鏈接地址: https://kapeli.com/dash
只要有一個(gè)簡(jiǎn)單的鍵盤快捷鍵,你就能在你的工作空間的任何地方顯示出該API瀏覽器。
19. The Ultimate Flexbox Cheat Sheet(可擴(kuò)展的終極參考手冊(cè))
它是一個(gè)可擴(kuò)展的參考手冊(cè)，可以幫助你找到你需要的flexbox(可擴(kuò)展布局盒)語(yǔ)法,并且?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ì)或者其他合伙人來(lái)分享你制作的常用JavaScript編程指南。
總結(jié)
我在這里寫的絕大部分的東西都是很少被人知道的東西。如果你制作了什么，或者知道了某個(gè)文檔工具，或者有一套指南想分享，你可以在評(píng)論區(qū)告訴我們。
