awesome-flexbox
:eyeglasses: A curated list of CSS Flexible Box Layout Module or only Flexbox.
https://github.com/afonsopacifer/awesome-flexbox
Last synced: 3 days ago
JSON representation
-
W3C Specification
-
Newsletter
-
Books
-
Guides
- A guide to flexbox
- A visual guide to CSS3 flexbox properties
- flexbox (pt-br)
- Dive into flexbox
- 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?
- Webflow Flexbox
- A visual guide to CSS3 flexbox properties
- flexbox (pt-br)
- Dive into flexbox
- Learn layout - flexbox (pt-br)
- Learn layout - flexbox
- Reference of flexbox
- Responsive design of the future with flexbox
- Um guia visual para Flexbox (pt-br)
- Using CSS flexible boxes
- Um guia visual para Flexbox (pt-br)
- Dive into flexbox
- How Flexbox works — explained with big, colorful, animated gifs (pt-br)
-
Cross Browser
- 6 Reasons to Start Using 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
- Caniuse
- Compass Flexbox
- 6 Reasons to Start Using Flexbox
- Are we ready to use flexbox?
- CSS Flexbox Is Entirely Logical (Almost)
- Normalizando bugs no flexbox em diversos navegadores (pt-br)
- Normalizing cross-browser Flexbox bugs
- Caniuse
- Flexibility
- CSS Flexbox Is Entirely Logical (Almost)
-
Other Interesting Articles
- Almost complete guide to flexbox (without flexbox)
- Designing CSS layouts with flexbox is as easy as pie
- Flexbox For Interfaces All The Way: Tracks Case Study
- Flexbox’s Best-Kept Secret
- Grid, Flexbox, Box Alignment: Our New System for Layout
- Old flexbox and new flexbox
- Using flexbox today
- Laying Out A Flexible Future For Web Design With Flexbox
- Flexbox Cheatsheet
- Almost complete guide to flexbox (without flexbox)
- Designing CSS layouts with flexbox is as easy as pie
- Flexbox For Interfaces All The Way: Tracks Case Study
- Flexbox’s Best-Kept Secret
- Flexbox Cheatsheet
-
Presentations
-
- CSS Layout o ontem, o hoje e o depois (pt-br)
- CSS FlexBox Essentials
- CSS FlexBox Practical Examples (Rebuilding Dribbble.com using FlexBox)
- Exploring CSS Layout Techniques While Trying To Get a Subtitle to Wrap
- Enhancing Responsiveness With Flexbox
- Flexbox - CSS Day
- Introduction to Flexbox
- Leveling up with flexbox
- What the flexbox? - A simple 20 video course that will help you master
- Flexbox Fundamentals
- Introduction to Flexbox
- What the flexbox? - A simple 20 video course that will help you master
- Flexbox Fundamentals
- Guía Completa de Flexbox desde 0 (ESP)
- HTML5. Desenvolvimento avançado
-
[Sketching with CSS](http://www.sketchingwithcss.com) Flexbox Guide by [@sfioritto](https://github.com/sfioritto)
- Building responsive layouts presentation
- CSS Flexbox: Estruturando layouts sem gambiarras (pr-br)
- CSS3 layout
- Flexbox
- Future css layout fowd
- Leveling up with flexbox
- RWD flexbox
- CSS Layout: from Table to Flexbox
- Access 20+ Page Guide on Flexbox
- Flex-Container Pt. 1: Position Items within a flexbox container
- Flex-Container Pt. 2: Rows and Columns
- Grow and Shrink Flex Items
- Implementing the Sticky Footer and Holy Grail layout
- Flexbox and Grid Layout
- Flexbox and Grid Layout
-
-
Tools
-
[Sketching with CSS](http://www.sketchingwithcss.com) Flexbox Guide by [@sfioritto](https://github.com/sfioritto)
-
-
Libraries and Frameworks
-
[Sketching with CSS](http://www.sketchingwithcss.com) Flexbox Guide by [@sfioritto](https://github.com/sfioritto)
- Flexbox Grid for Stylus
- Bulma - A modern CSS framework based on Flexbox
- Milligram - A minimalist CSS framework
- Bem grid
- Flexbox Grid for Stylus
- Bulma - A modern CSS framework based on Flexbox
- Milligram - A minimalist CSS framework
- Flexbox Grid for Stylus
-
-
Featured Projects
-
[Sketching with CSS](http://www.sketchingwithcss.com) Flexbox Guide by [@sfioritto](https://github.com/sfioritto)
- Cool examples of flexbox layout - A codepen a collection.
- 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.
- iron-flex-layout - Style mixins for cross-platform flex-box layouts
- Visualizing Flexbox - A neat little CodePen Demo to play around with Flex properties.
- ZEEF CSS Flexbox - The awesome flexbox on zeef.:metal:
- Flexbox Zombies - 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 tester - Understand how to calculate the width of flex items.
- 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
- Flexbox Zombies - A game for learning CSS flexbox.
- Visualizing Flexbox - A neat little CodePen Demo to play around with Flex properties.
-
-
Courses
-
[Sketching with CSS](http://www.sketchingwithcss.com) Flexbox Guide by [@sfioritto](https://github.com/sfioritto)
- CSS Flexbox Layout - treehouse
- CSS Flexbox Layout - treehouse
- Learn Flexbox for free - scrimba
-
-
Who to Follow
-
[Sketching with CSS](http://www.sketchingwithcss.com) Flexbox Guide by [@sfioritto](https://github.com/sfioritto)
-
Programming Languages
Categories
Sub Categories
Keywords