WEB资源网

最新鲜的WEB程序员技术文档及相关资源 – Happy Life, Happy Coding!

学习 Flexbox 的 18 个优质资源

大家都在谈论的 “flexbox” 是什么? Flexbox 能解决什么问题?现在你可以在你的项目中使用 Flexbox 吗?这些指南、教程、工具会告诉你有关 Flexbox 你需要了解的内容。

1. Learn CSS Layout: Flexbox — Flexbox 布局模型简要概述。

2. Solved by Flexbox — 传统 CSS 布局很难实现,但用 Flexbox 却很简单的一些展示。

3. Can I use… Flexbox — 目前 94.57% 的浏览器都可以渲染 Flexbox 布局。

4. Flexbox in the Real World — 目前可以实施 Flexbox 的策略和工具。

5. A Complete Guide to Flexbox — CSS-Tricks 中关于 Flexbox 的一个完全指南。

6. Flexbox Codrops CSS Reference — 包含很多演示的详细参考指南。

7. What The Flexbox?! — 免费的视频教程,会发送到你的邮箱。

8. flexbox in 5 minutes — Flexbox 特性及 CSS 属性的互动教程。

9. Using CSS flexible boxes — “很多开发者会发现 Flexbox 会更容易使用”,根据 Mozilla Developer Network 开发者指南。

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 解决传统 CSS 布局问题的例子。

15. Flexplorer — 通过这个互动工具学习 Flexbox 属性是如果影响页面布局的。

16. Flexy Boxes — 探索 Flexbox 的互动游乐场。

17. CSS Flexbox Please! — 可以用于测试和实验的交互演示。

18. CSS Flexbox — Flexbox 文章、提示、资源的一个集合。

via:sixrevisions.com,本文由 Specs 翻译整理,发布在 WEB资源网未经允许,不得转载

作者
主站点:http://9iphp.com/ 个人简介:http://me.9iphp.com