Introducing the Flexbox Explained Book from OSTraining

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.

{show access=”14″} {osdownloads download_button.btn.btn-primary 13 “Download”} {show-else} {snippet join-book-club-button} {/show}

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.

You can take a look at the official Flexbox W3C specification by visiting this link. If you’re interested in CSS Grid, check out our book “CSS Grid Explained“.

Flexbox Explained Table of Contents

This is version 1.0 of Flexbox Explained. Look for more chapters in the next few weeks.

1. Introduction to CSS Flexbox
2. Creating Your First Flexbox Layout
3. The justify-content Property
4. The align-items Property
5. The flex-grow Property
6. The flex-shrink Property
7. The flex-basis Property
8. The order Property
9. The flex-wrap Property
10. The align-content Property
11. The flex Shorthand Property
12. Values for the Flex Shorthand Property