telagraphic / flexulator

A visual flexbox space distribution calculator

Inspired By

• Understanding Flexbox by Made by Mike
• Flexbox Adventures by Chris Wright
• Designing the Flexbox Inspector

Rachel Andrew Series on Flexbox

• What Happens When You Create A Flexbox Flex Container?
• Everything You Need To Know About Alignment In Flexbox
• Flexbox: How Big Is That Flexible Box?
• Use Cases For Flexbox

Learn

• Flexbox Defense
• Flexbox Froggie
• Learn Flexbox Layout
• Flexbox in 5 Minutes
• Wes Bos: What The Flexbox Course

Deeper Reads

• Flex Basis Versus Width
• What Does Flex Basis Do?
• The Difference Between Width and Flex Basis

Tools

• Flexbox Tester
• Flexbox Playground and Code Generator
• Flexbox Generator
• Flexbox Playground

Guides

• CSS-Tricks Flexbox Guide
• Codrops Guide
• Mozilla Guide
• Scrimba Course
• The Complete CSS Flexbox Tutorial

Specs

• Display Module
• Box Alignment
• Flexbox Layout Algorithm