flexbox:1.0.0
Flexbox is one of the newest and most powerful systems for layout in web development, but can be challenging to learn due to its many new values. This reading list starts with the most fundamental properties (and most commonly used qualities), and will be expanded to more complicated lessons. The list also adds a series of resources to learn how to use flexbox with practice and games.
Flexbox是Web开发中最新,功能最强大的布局系统之一,但由于具有许多新价值,因此学习起来可能具有挑战性。 该阅读清单从最基本的属性(和最常用的品质)开始,并将扩展到更复杂的课程。 该列表还添加了一系列资源,以学习如何在练习和游戏中使用flexbox。
Time: 20 minutes
时间 :20分钟
Prerequisites: Introduction to CSS, Selectors, The Box Model, Basic Page Layout
先决条件 : CSS简介 , 选择器 , Box模型 , 基本页面布局
例子 (Examples)
This site has many examples of flexbox layout, most part of other reading lists:
这个站点有很多flexbox布局示例,其他大部分阅读清单也包括 :
资源资源 (Resources)
Wes Bos has an excellent free video series on learning flexbox: “What the Flexbox”.
Wes Bos有一个关于学习flexbox的优秀免费视频系列: “ What the Flexbox” 。
Chris Coyier has an excellent one-sheet Complete Guide to Flexbox.
克里斯· 科耶尔(Chris Coyier)撰写了一篇出色的单页的《 Flexbox完整指南》 。
The excellent Learn Layout site has a good resource on flexbox
Philip Walton has a very good series of practical applications of flexbox to solve regular layout problems in his Solved By Flexbox series.
Philip Walton在他的Solved By Flexbox系列中有一系列非常好的flexbox实际应用程序来解决常规布局问题。
There are a number of excellent games for learning flexbox: Flexbox Froggy and Learn Flexbox with Webflow.
有许多学习Flexbox的出色游戏: Flexbox Froggy和Learn Flexbox with Webflow 。
翻译自: https://thenewcode.com/1113/Web-Developer-Reading-List-Flexbox
flexbox:1.0.0