Rachel Andrew is a front and back-end web developer, author and speaker. Author or co-author of 22 books including The New CSS Layout and a regular contributor to a number of publications both on and offline. Rachel is co-founder of the CMS Perch and Notist, Editor in Chief of Smashing Magazine, a Google Developer Expert and a Member of the CSS Working Group. She writes about business and technology on her own site at rachelandrew.co.uk.
Over the past two years, we have moved from a situation where we essentially lacked a layout system for the web, to one where a complex and flexible system is emerging. A system with Grid and Flexbox as the headline features, and backed by a range of concepts and CSS properties and values which help us make sense of what it is to do layout on the web.
In this talk, we will take a look at CSS layout in a holistic way. Rather than thinking Grid or Flexbox first, we will look at the patterns we need to build, and then discover which bits of CSS we might need to use to realise them. Along the way we’ll encounter Grid, Flexbox, the BFC, Writing Modes, and some interesting things about scrolling. All part of the layout system that we now have in CSS.
| Does it work? Using the new CSS Layout | Web Clerks | November 2019 | Buy tickets |
|---|---|---|---|
| Now You See It: Understanding Display | An Event Apart San Francisco 2019 | December 2019 | Register now |
| Keynote presentation | c’t webdev | February 2020 | Buy tickets |
| The Evolution of Responsive Design | Front End North | February 2020 | Find out more |
| Next Steps With CSS Layout Workshop | Smashing Conf New York | October 2019 |
|---|---|---|
| Refactoring (the way we talk about) CSS | Nordic.js | October 2019 |
| Next Steps With CSS Layout Workshop | Fronteers | October 2019 |
| Who Designed This? Where Web Platform features come from, and how to get involved | Fronteers | October 2019 |
| Does it work? Using the new CSS Layout | Finch Front-end | September 2019 |
| Making Things Better: Redefining the Technical Possibilities of CSS | An Event Apart Chicago | August 2019 |
| Making Things Better: Redefining the Technical Possibilities of CSS | An Event Apart Washington DC | July 2019 |
| Next Steps With CSS Layout Workshop | Smashing Conference | June 2019 |
| Hello subgrid! | Fronteers Meetup | June 2019 |
| Refactoring (the way we talk about) CSS | CSS Day | June 2019 |
| Grids All The Way Down | Pixel Pioneers | June 2019 |
| Hello subgrid! | CSSConf EU | May 2019 |
| Grids All The Way Down | Umbraco Codegarden | May 2019 |
| Next Steps With CSS Layout Workshop | Frontend United | May 2019 |
| Grids All The Way Down | Frontend United | May 2019 |
| Grids All The Way Down | Colchester Digital Conference | May 2019 |
| Making Things Better: Redefining the Technical Possibilities of CSS | An Event Apart Boston | May 2019 |
| Next Steps With CSS Layout Workshop | Smashing Conference | April 2019 |
| What’s New In CSS? | W3C AC Meeting | April 2019 |
| Grids All The Way Down | Frontend NE | April 2019 |
| Next Steps With CSS Layout Workshop | Rustbelt Refresh | March 2019 |
| Making Things Better: Redefining the Technical Possibilities of CSS | An Event Apart Seattle | March 2019 |
| What's New In CSS? | Fronteers W3C Meet-up | February 2019 |
| Making Things Better: Redefining the Technical Possibilities of CSS | An Event Apart San Francisco 2018 | December 2018 |
| Your CSS Layout Toolkit for 2019 | Øredev Developer Conference | November 2018 |
| What's New In CSS? | Øredev Developer Conference | November 2018 |
| The Future of Web Design: Layout | Web Directions Summit | October 2018 |
| The New CSS Layout | W3C Developer Meetup | October 2018 |
| Graduating to Grid | An Event Apart Orlando: Special Edition 2018 | October 2018 |
| Your CSS Layout Toolkit for 2019 | Web Unleashed | September 2018 |
| Next Steps With CSS Layout Workshop | Web Unleashed | September 2018 |
| New Tools for CSS Layout | W3C Workshop on Digital Publication Layout and Presentation | September 2018 |
| Unlocking the Power of CSS Grid Layout | Frontend Conference | August 2018 |
| Graduating to Grid | An Event Apart Chicago | August 2018 |
| Graduating to Grid | An Event Apart Washington DC | July 2018 |
| Unlocking the Power of CSS Grid Layout | ScotlandCSS | July 2018 |
| Pattern Library First: An Approach for Managing CSS | Smashing Conference | June 2018 |
| Graduating to Grid | An Event Apart Boston | June 2018 |
| MC for CSS Day | CSS Day + UX Special | June 2018 |
| Unlocking the Power of CSS Grid Layout | Webconf.asia | June 2018 |
| Well, this is suboptimal. | Shropgeek Rebellion #15 | May 2018 |
| Unlocking the Power of CSS Grid Layout | All Day Hey! | April 2018 |
| Unlocking the Power of CSS Grid Layout | Smashing Conference | April 2018 |
| Graduating to Grid | An Event Apart Seattle | April 2018 |
| Unlocking the Power of CSS Grid Layout | WordPress Community Meetup, Seattle | March 2018 |
| The Creative New World of CSS | UX Immersion: Interactions | March 2018 |
| Into The Weeds of CSS Layout | Smashing Conference | February 2018 |
| Graduating to Grid | An Event Apart Denver: Special Edition 2017 | December 2017 |
| Solving Layout Problems with CSS Grid and Friends | GDG DevFest London | November 2017 |
| Graduating to Grid | An Event Apart San Francisco | October 2017 |
