Flexbox
W3C Specification
1_ENTRIESThe specification describes a CSS box model optimized for user interface design.
Newsletter
4_ENTRIESBooks
1_ENTRIESGuides
17_ENTRIESGuides for developers or designer start their studies this wonderful technology.
Articles
9_ENTRIESSupport
1_ENTRIESPreprocessors in action
3_ENTRIESPolyfills
3_ENTRIESOther Interesting Articles
9_ENTRIESA list of issues related to flexbox.
Videos
13_ENTRIES- What the flexbox?
A simple 20 video course that will help you master
Read Materials
1_ENTRIESVideo Materials
4_ENTRIESSlides and Notes
9_ENTRIESTools
12_ENTRIESHave a little help to create their projects :D
Libraries and Frameworks
10_ENTRIESA list of incredible libraries based on flexbox.
- Fuux
Fuux is a Flexbox library that uses the same flexbox interface like classes.
- Ginger Grid
A Flexbox grid framework named after a cute dog.
- Bulma
A modern CSS framework based on Flexbox
- Milligram
A minimalist CSS framework
- RolleiFLEX
Just a responsive flexbox grid
- Waffle Grid
An easy to use flexbox grid system
Featured Projects
18_ENTRIESAwesome projects about flexbox.
- Cool examples of flexbox layout
A codepen a collection.
- flex-box
A Custom Element to make the basics of flexbox easier to use.
- Flexbugs
A community-curated list of flexbox issues and cross-browser workarounds for them.
- Flexbox Froggy
A game for learning CSS flexbox.
- Flexbox Patterns
Examples and source code that will teach you how to build UI components with CSS flexbox! What’s flexbox?
- Flexbox Defense
Tower Defense with a twist: all towers must be positioned with CSS Flexbox.
- Flexbox tester
Understand how to calculate the width of flex items.
- Flexbox layout
FlexboxLayout is a library project which brings the similar capabilities of CSS Flexible Box Layout Module to Android.
- FlexLayout for iOS
FlexLayout brings flexbox to iOS using Swift. Concise, intuitive & chainable syntax.
- grid-styled
Flexbox based responsive ReactJS grid system built with styled-components
- iron-flex-layout
Style mixins for cross-platform flex-box layouts
- React-flexbox
Implementation of css flexbox in react with inline styles.
- Reflexbox
Responsive React flexbox grid system higher order component.
- Solved by flexbox
A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
- Visualizing Flexbox
A neat little CodePen Demo to play around with Flex properties.
- ZEEF CSS Flexbox
The awesome flexbox on zeef.
- Flexbox Zombies
A game for learning CSS flexbox.
Courses
2_ENTRIES- CSS Flexbox Layout
treehouse
- Learn Flexbox for free
scrimba