18個學習 flexbox 的優質資源

你們都在談論的「flexbox」是什麼呢？它能幫咱們解決什麼問題呢？如今你能夠在你的項目中使用「flexbox」嗎？這些指南、教程、網站和工具會告訴你你須要知道的關於「flexbox」的知識。

1. Learn CSS Layout: Flexbox — 一個 「flexbox」 的簡明概要。

2. Solved by Flexbox — 展現 flexbox 如何解決傳統的盒模型佈局沒法解決的痛點。

3. Can I use… Flexbox — 這一資源顯示今天94.57%的瀏覽器都支持渲染flexbox佈局。

4. Flexbox in the Real World — 如今實現 flexbox 的策略和工具。

5. A Complete Guide to Flexbox — 一個全面的指導，裏面包含有不少視覺效果方面的CSS技巧。

6. Flexbox Codrops CSS Reference — 一個詳細的參考指南，其中包含大量的在線演示。

7. What The Flexbox?! — 免費視頻課程，會發送到你的電子郵箱。

8. flexbox in 5 minutes — flexbox主要特性與CSS屬性的交互課程。

9. Using CSS flexible boxes — 「不少設計師會發現flexbox模型更容易使用」–來自MDN開發者指南。

10. CSS Flexible Box Layout Module Level 1 — 最新的flexbox W3C技術規格。

11. Flexbox — Fast Track to Layout Nirvana? — Dev.Opera上一個關於 flexbox 的介紹。

12. The Ultimate Flexbox Cheat Sheet — 在一些主流的設計模式中如何使用flexbox。

13. Flexbox Adventures — flexbox CSS屬性的互動指南。

14. Building With Flexbox — 使用flexbox解決常見的佈局問題的例子。

15. Flexplorer — 學習flexbox CSS屬性是如何影響頁面佈局的。

16. Flexy Boxes — 探索flexbox互動園地。

17. CSS Flexbox Please! — 能夠用來測試和考試的交互式演示。

18. CSS Flexbox — flexbox 文章、技巧和資源的集合。

via：sixrevisions，本文由 Specs 翻譯整理，發佈在 Coder資源網，轉載請註明來源。