Say "hello" to the 13th book from OSTraining. We're delighted to announce the launch of "Flexbox Explained" by Jorge Montoya and Steve Burge.
Flexbox Explained is a fun and enjoyable introduction to Flexbox.
Over the last fifteen years, Steve and Jorge have worked as web designers. It's been a fascinating time.
For many years, the most popular way to design websites was with frameworks such as Bootstrap and Foundation. We needed these frameworks because they added many essential features. The core features of CSS weren't enough for modern web development.
However, the developers of CSS are working to create "modules" including CSS Grid and Flexbox. These provide many of the features we need, but without requiring us to install anything.
You can use Flexbox simply by writing code in a file and opening your browser. That's what we do throughout this book! You'll learn Flexbox by completing exercises that explain all the key properties of Flexbox.
How to Get Flexbox Explained
Flexbox Explained is available in PDF / ePUB / MOBI formats for OSTraining members. Click here to join OSTraining.
In the near future, the book will also available in Paperback and Kindle formats on Amazon.com.
What's the Difference Between CSS Grid and Flexbox?
Flexbox is often confused with CSS Grid. Here's the key difference between Flexbox and CSS Grid:
- Flexbox is a one-dimensional layout model. It can manage either columns or rows.
- CSS Grid is a two-dimensional layout model. It can manage both columns and rows.
Flexbox Explained Table of Contents
This is version 1.0 of Flexbox Explained. Look for more chapters in the next few weeks.
- Introduction to CSS Flexbox
- Creating Your First Flexbox Layout
- The justify-content Property
- The align-items Property
- The flex-grow Property
- The flex-shrink Property
- The flex-basis Property
- The order Property
- The flex-wrap Property
- The align-content Property
- The flex Shorthand Property
- Values for the Flex Shorthand Property