Before and After Flexbox

on YouTube ↗47m

" summary

Compares traditional web layout techniques (tables and hacks) with the modern CSS Flexible Box Layout (Flexbox). Shows recurring layout problems from the past and demonstrates how to solve them faster and more effectively using Flexbox.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 2:50Modern Flexbox layout
3. 6:02Flexbox fundamentals
4. 17:48Flexbox real cases
5. 33:21Traditional vs Flexbox
6. 37:42IE10/11 bugs
7. 42:02Performance
8. 47:03Conclusion

" related talks

• 15mFlexboxRyan Seddon · Web Directions South 2013
• 19mCSS Flexible Box Layout (Flex Box)Jeff Burtoft · CSSConf US 2013
• 47mCSS Layout Techniques: Replacing Floats with FlexboxBermon Painter · FITC Spotlight: Responsive Design 2016
• 57mFlexbox: From the Heady Highs to the HangoverRaphaël Goetter · DevFest Nantes 2016
• 50mPresent and Future of CSS LayoutTab Atkins · CSS Day 2014
• 17mThe New CSS LayoutRachel Andrew · dotCSS 2015
• 11mFlexbox, ardhmëria e renditjes së elementeve në WebGresë Hyseni · debugCon Mars 2019
• 44mCSS Layout Techniques: Replacing Floats With FlexboxBermon Painter · Web Unleashed 2016