Flexbox Revolution
summary
Flexbox is presented as ready for mobile production and supported by about 95% of browsers in France; recent spec revisions are mentioned and using Autoprefixer is recommended for compatibility. The talk explains concrete Flexbox features—flex-direction, flex-wrap, order, justify-content, align-items, align-self, and flex-grow/shrink/basis—and demonstrates practical patterns (sticky footer, equal-height columns, simple grids) with working demos.
AI-written summary · about
chapters (25)
- 0:00Introduction
- 1:55Flexbox simplifies CSS
- 3:03Flexbox compatibility
- 7:18Creating Flexbox context
- 8:23Flex Direction distribution
- 9:46Flex Wrap line breaks
- 10:55Reordering with Order
- 12:20Main-axis alignment
- 13:44Cross-axis alignment
- 15:14Vertical centering with margin
- 16:01Flex properties flexibility
- 18:54Key features recap
- 19:36Practical footer centering
- 24:02Flexbox vs floats
- 26:42Is Flexbox a revolution?
- 27:24Future: CSS Grid Layout
- 28:50Autoprefixer with Flexbox
- 30:13Flexbox tools & resources
- 31:41Flexbox demos
- 32:33Fluid layout example
- 33:53Grouping links by file type
- 36:30CSS frameworks Q&A
- 37:50Flexbox and IE8
- 39:03Flexbox in CSS training
- 40:35Conclusion
