Overview
Explore the power of Flexbox in this 50-minute conference talk from CSS Day 2013. Dive into the intricacies of CSS layout with Stephen Hay as he covers essential Flexbox properties and concepts. Learn about flex direction, flex grow, alignment, space distribution, and ordering. Discover practical applications for Flexbox, including centering elements, creating responsive menus, and recreating table-like structures. Gain insights into browser compatibility and best practices for consistent layouts across different devices. Whether you're a beginner or an experienced developer, enhance your CSS skills and unlock new possibilities for creating flexible and responsive web designs.
Syllabus
Introduction
Space Buzz
CSS Level 1
Layout
Tab Atkins
General Page Layout
Bob
Properties
Flex Direction
Flex
Flex Grow
Flex No Grow
Flex according to n
Margin Auto
Alignment
Space Between
Align
Order
Group
Centering
Unknown Menu Items
Source Order
Tab Groups
Form
Product Listings
Lacking Elements
Recreate Tables
Consistency
Browser Compatibility
Taught by
Web Conferences Amsterdam