20個為前端開發者準備的文檔和指南（2）

　　本周開始,你也許想靜下心來學些什么新的東西,或者提高一下你在一門特殊計算機語言或者技術的能力。

　　在四月份,我把a collection of useful docs and guides(一些有用的文檔和指南)打包到了一起,那是一個很受歡迎的帖子。自此以后,我又收集了一些。請盡情享受!

　　1. Adobe Web Platform Team(Adobe Web Platform團隊)

　　新設計的Adobe Web Platform站點的網頁平臺上有很多新技術的信息和示例。包括SVG的內容，CSS Regions的內容，Filters的內容，Web Extensions的內容和其他的內容。它們產生的很多新的標準都被Adobe team 添加進了參考手冊里，因此該站點羅列了一些，你可以通過點擊它們鏈接到參考手冊和代碼示例。

　　2. Flexbox Cheatsheet Cheatsheet(Flexbox(伸縮布局盒)參考手冊)

　　Joni Trythall的參考手冊是在多個參考手冊基礎上制作的，它可以幫助你理解Flexbox(伸縮布局盒)。它是一個覆蓋了Flexbox(伸縮布局盒)不同方面的流程圖決策樹，因此通過掃一眼這個圖你就能得到形象化的一切Flebox的知識。在頁面上可以作為一個PNG格式的圖片或者一個全尺寸的PDF文件使用。

　　3. Flexy Boxes(玩轉布局盒)

　　它是Flebox(伸縮布局盒)展示的地方，并且可以生成相應的代碼。我喜歡這個上面的所有附加的選項。每一個功能的下面都有一個幫助說明，并且你也可以選擇使用RTL編寫模式，生成舊代碼，同時也可以不用前綴來觀察只有標準CSS版本的代碼。

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

　　4. Grid by Example

　　它是由Rachel Andrew制作的擁有大量資源的文檔，它覆蓋了CSS Grid Layout Module(CSS網格布局模塊)的可用示例。包括很多相關的外部鏈接，同時羅列了覆蓋了說明書的不同部分，并且有可視的示例。

　　5. CSS Guidelines(CSS指南)

　　Harry Roberts制作的，它的目標是“為理性編寫可管理和可擴展的CSS代碼而提供有用的建議和指導”。這里有適合不同CSS開發者水平的很多內容。

　　6. Foundation 5 Cheat Sheet

　　它是只有一頁(雖然是一個很長的頁)的參考站點，可以快速地查看到類名在ZURB流行的前端框架的不同部分的使用。我喜歡它在頁面上直接包括示例部分，并且在每個部分旁邊都有必要的預先定義好的類列出來。

　　7. Cheetyr

　　“它是一個便利的手冊和快捷方式的集合，可以用來提高設計者和開發者的工作效率。”這個項目還在繼續進行，但是目前該站點包括可以被搜索到的CSS手冊，Git手冊，Vim手冊，Photoshop手冊，Illustrator手冊和InDesign手冊。

　　8. keyCod.es

　　一個簡便快速的手冊，可以幫助你在鍵盤上獲取不同鍵的正確鍵值。如果你在你的腳本里使用event.keyCode或者event.which來判斷哪個鍵被用戶按了，該手冊遲早會有用的。

　　9. AngularJS Style Guide(AngularJS樣式指南)

　　“它的出發點是，通過最佳實踐來為AngularJS開發團隊提供融合性?！彼鼘嶋H上有很多的文檔，覆蓋了AngularJS語法超過20個類別。

　　10. Poor Man’s Styleguide

　　“它是一個應急式的前端樣式指南，它可以直接被copy(復制)，然后粘貼到你的CMS項目里?！彼峁┝嗽贖TML和Markdown里的所有不同的元素的代碼，并且在頁面上有所有樣式的顯示效果。

　　Markdown介紹鏈接地址: http://baike.sogou.com/v7868944.htm?fromTitle=markdown

　　11. Web Fundamentals(Web 基礎)

　　它是Google(谷歌)開發者的”現**發的最佳實踐”。它覆蓋了很多不同的領域,包括多策略的布局、表單，并且它甚至有一部分還盈利了。

　　12. CSS PRE(CSS 預處理)

　　一份“一站式的手冊”，它用來對照不同的CSS預處理。它包括了一個博客部分，一張對照圖表，和一些Less,Sass,和Stylus的轉化工具的集合。

　　Less介紹的鏈接地址: http://lesscss.cn/

　　Sass介紹的鏈接地址: http://baike.sogou.com/v73912368.htm?fromTitle=SASs

　　Stylus介紹的鏈接地址: http://blog.fens.me/nodejs-stylus-css/

　　13. GitHub Cheat Sheet(GitHub參考手冊)

　　“它是Git和GitHub非常棒的一些功能的列表”。即使你是一個高級的Git/GitHub用戶,在這里你也可以清楚地找到一些你之前從沒有看到過的東西。

　　14. HTML Vocabulary(HTML詞匯表)

　　在最后收集里出現的文檔和”CSS Vocabulary”類似,這個主要關注HTML的不同部分。

　　15. iOS Human Interface Guidelines(iOS人機界面指南)

　　它在iTunes商店里可以免費使用。它主要是為iOS app開發者服務的,但是在它上面也有一些常用的UI設計原則的討論,這些對web平臺開發者或者設計者來說可能會有些利用價值。遵循設計原則對構建基于web的響應式站點非常有幫助,它可以使你制作的native(本地)app更加可用。

　　16. HTML5 Cheat Sheet(HTML5參考手冊)

　　它是設計的很漂亮的HTML5標簽的參考手冊。如果你想有一份方便的復印件,它可以以PNG格式的文件或者PDF格式的文件打印出來。

　　17. jQuery Coding Standards & Best Practices(jQuery編碼標準&最佳實踐)

　　它是開發者編寫jQuery最佳實踐的集合。你或許不贊同描述的所有東西，但是毫無疑問你會找到一些值得思考的的建議。

　　18. HTML5 Game Engines(HTML5游戲引擎)

　　它真的很棒。它比較了用來創作基于HTML5游戲的不同庫。每一個條目都提供了大量的說明，花費的成本(如果有的話)，過濾的標簽，并且在網頁上甚至還有和Amazon網站類似的用戶星評級和評論。

　　19. You Might Not Need jQuery(你或許不需要jQuery)

　　你也許已經看過這個，因為當它問世的那一刻它就相當地受歡迎。它是大量vanilla JavaScript的綜述，相當于多種多樣的jQuery方法。但是在后續文檔里將會有一些有經驗的jQuery開發者作注釋，他們會指出為什么你不應該那么快地拋棄jQuery。

　　Vanilla中文社區鏈接地址: http://vanillaforums.cn/

　　20. Airbnb JavaScript Style Guide(Airbnb JavaScript樣式指南)

　　它是一份由受歡迎的國際酒店的站點開發者制作的樣式指南。你沒必要完全去遵循上面的某些東西,但是像其它的樣式指南一樣,你或許可以挑選出一些內容來應用到你自己的工作中。

　　總結

　　如果你為精通前端語言或者技術的某些方面，而編寫了一個工具或者樣式指南，請在評論區分享分享，而且或許在之后的一篇文章里我將把它添加進去。

　　20個為前端開發者準備的文檔和指南(1)