Flexbox - CSS
A curated list of CSS Flexible Box Layout Module or only Flexbox. Inspired by awesome-webcomponents and awesome-svg.
Table of Contents
- W3C Specification
- Newsletter
- Books
- Guides
- Cross Browser
- Articles
- Support
- Preprocessors in Action
- Polyfills
- Other Interesting Articles
- Presentations
- Videos
- Slides and Notes
- Tools
- Libraries and Frameworks
- Featured Projects
- Courses
- Who to Follow
- Contributing
- Licence
W3C Specification
The specification describes a CSS box model optimized for user interface design. * CSS Flexible Box Layout Module Level 1
Newsletter
Books
Guides
Guides for developers or designer start their studies this wonderful technology. * A guide to flexbox:metal: * A visual guide to CSS3 flexbox properties * flexbox (pt-br) * Dive into flexbox * How Flexbox works — explained with big, colorful, animated gifs * How Flexbox works — explained with big, colorful, animated gifs (pt-br) * Learn layout - flexbox (pt-br) * Learn layout - flexbox * Reference of flexbox * Responsive design of the future with flexbox * The Flexbox Reading List: Techniques and Tools * Um guia visual para Flexbox (pt-br) * Usando caixas flexiveis CSS (pt-br) * Using CSS flexible boxes * What IS Flexbox? * Desarrollo de aplicaciones web Flexibles (es-es) * Webflow Flexbox
Cross Browser
Tips and tricks for your projects work anywhere :D
Articles
- 6 Reasons to Start Using Flexbox
- Advanced cross-browser flexbox
- Are we ready to use flexbox?
- CSS Flexbox Is Entirely Logical (Almost)
- Designing A Product Page Layout with Flexbox
- Normalizando bugs no flexbox em diversos navegadores (pt-br)
- Normalizing cross-browser Flexbox bugs
- Using flexbox: mixing old and new for the best browser support
- Using Modernizr with Flexbox
Support
Preprocessors in action
Polyfills
- Flexibility:metal:
- Flexie
- Reflexie
Other Interesting Articles
A list of issues related to flexbox. * Almost complete guide to flexbox (without flexbox):metal: