Dynamic Layouts with CSS

on YouTube ↗49m

" summary

Modern browser features enable more flexible, dynamic web layouts beyond CSS frameworks. The talk demonstrates using CSS Grid, Flexbox, CSS custom properties (variables), and variable fonts to create more dynamic, responsive web designs.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 5:54Flexible layouts without media queries
3. 15:21CSS Grid for dynamic columns
4. 21:44Flexbox for flexible content
5. 22:05CSS Custom Properties introduction
6. 28:39CSS variables in detail
7. 37:16Browser support and fallbacks
8. 40:12Responsive images with variables
9. 42:43Future CSS features
10. 47:22Dynamic layouts with JavaScript
11. 48:06Summary

" related talks

• 50mPresent and Future of CSS LayoutTab Atkins · CSS Day 2014
• 55mSmart LayoutsAhmad Shadeed · CSS Day 2025
• 43mModern CSS Layout is Awesome!Michelle Barker · beyond tellerrand Düsseldorf 2023
• 30mStart Using CSS Grid Layout TodayRachel Andrew · RuhrJS 2017
• 42mThe Magic You Have Been Missing in CSS LayoutsTrung Vo · Øredev 2025
• 36mDynamic CSS: Layouts & BeyondMiriam E Suzanne · Full Stack Fest 2018
• 32mCSS Grids: the Near Future of LayoutMassimo Artizzu · CSS Day 2017
• 48mSmart Layout Patterns with Modern CSSKevin Powell · SmashingConf New York 2024