Rachel’s upcoming schedule

c’t webdev

The capabilities of CSS in 2020 could not have been imagined when CSS1 was first proposed and adopted into Internet Explorer 3 in 1996. Yet, a website built back then, using the simplest of CSS, will still work today - a testament to the resilience of the language and the desire of those who develop it to not break the web. However CSS sometimes has a bit of a bad reputation as a fragile language that frequently does something other than what you would expect.

Rachel Andrew has been using and teaching CSS since those early days and, in this keynote presentation will take you on a tour of the language as it was then, and as it is today. Discover why some things in CSS seem a little bit strange; how the CSS Working Group are redefining core parts of CSS to make them easier to understand, teach, and use. Find out how the CSS Working Group, browsers, and the web community work together on the language. Learn how contributing to the web platform has been the driving force in Rachel’s career for the last 23 years, and how you can get involved too.

04 February 2020

Front End North

We typically understand responsive design as being fluid grids, flexible images and media queries - these being the elements detailed in Ethan Marcotte’s original A List Apart article on responsive web design.

Over the last few years however we have been handed a whole set of new tools in CSS which allow our sites to respond to the environment of our user, and the shape of the content we are displaying. In this talk I will take a look at how new layout supports flexible grids and content-based sizing. I’ll share how the new generation of Media Queries are about so much more than just viewport size, and how we can use the tools we have to really place the person using our site at the heart of the decisions we make.

07 February 2020

An Event Apart Washington DC 2020

CSS Layout is all about boxes. We know that some boxes are blocks, and others are inline, and we can change the display type of elements by changing the value of the display property. That property holds the key to much more than this, however. It is the foundation on which all layout is built; the core of the inbuilt CSS layout system. Learning Grid Layout, or Flexbox, without understanding Display, leaves you with a wobbly foundation and more questions than answers.

The real question isn’t “Should I use Grid or Flexbox?” but instead, “How do I want these boxes to behave?” Understanding the interaction between layout methods will enable you to easily create fallbacks for older browsers, and knowing how the various formatting contexts behave unlocks margin collapsing and the behavior of items inside grid or flex layout. By the end of the hour, you’ll understand how the display property underpins the layout system we have today, the things coming in the future, and be able to make more informed decisions when deciding how to build any part of your design, big or small.

13 April 2020

SmashingConf SF

We’ve been learning CSS and CSS for Layout in the same way since we broke free of table-based layouts in 2001, however CSS has grown-up and over the last few years a proper and consistent system for layout has emerged.

In this all-new workshop Rachel Andrew will take you through this new system for layout, giving you the ability to properly understand and use CSS Layout with real understanding of why things behave as they do.

We can understand CSS layout as a system, and rather than poke around using trial and error to do layout, learn the rules that control this system saving a lot of time and enabling more elegant and performant layouts.

This understanding will make choices such as “should I use grid or flexbox” or, “what do I do about old browsers” much easier, in fact sometimes the answer will be so obvious, you’ll not need to ask those questions!

20 April 2020

An Event Apart Seattle 2020

CSS Layout is all about boxes. We know that some boxes are blocks, and others are inline, and we can change the display type of elements by changing the value of the display property. That property holds the key to much more than this, however. It is the foundation on which all layout is built; the core of the inbuilt CSS layout system. Learning Grid Layout, or Flexbox, without understanding Display, leaves you with a wobbly foundation and more questions than answers.

The real question isn’t “Should I use Grid or Flexbox?” but instead, “How do I want these boxes to behave?” Understanding the interaction between layout methods will enable you to easily create fallbacks for older browsers, and knowing how the various formatting contexts behave unlocks margin collapsing and the behavior of items inside grid or flex layout. By the end of the hour, you’ll understand how the display property underpins the layout system we have today, the things coming in the future, and be able to make more informed decisions when deciding how to build any part of your design, big or small.

11 May 2020

SmashingConf Austin

We’ve been learning CSS and CSS for Layout in the same way since we broke free of table-based layouts in 2001, however CSS has grown-up and over the last few years a proper and consistent system for layout has emerged.

In this all-new workshop Rachel Andrew will take you through this new system for layout, giving you the ability to properly understand and use CSS Layout with real understanding of why things behave as they do.

We can understand CSS layout as a system, and rather than poke around using trial and error to do layout, learn the rules that control this system saving a lot of time and enabling more elegant and performant layouts.

This understanding will make choices such as “should I use grid or flexbox” or, “what do I do about old browsers” much easier, in fact sometimes the answer will be so obvious, you’ll not need to ask those questions!

11 June 2020

An Event Apart Boston 2020

CSS Layout is all about boxes. We know that some boxes are blocks, and others are inline, and we can change the display type of elements by changing the value of the display property. That property holds the key to much more than this, however. It is the foundation on which all layout is built; the core of the inbuilt CSS layout system. Learning Grid Layout, or Flexbox, without understanding Display, leaves you with a wobbly foundation and more questions than answers.

The real question isn’t “Should I use Grid or Flexbox?” but instead, “How do I want these boxes to behave?” Understanding the interaction between layout methods will enable you to easily create fallbacks for older browsers, and knowing how the various formatting contexts behave unlocks margin collapsing and the behavior of items inside grid or flex layout. By the end of the hour, you’ll understand how the display property underpins the layout system we have today, the things coming in the future, and be able to make more informed decisions when deciding how to build any part of your design, big or small.

29 June 2020

An Event Apart Minneapolis 2020

CSS Layout is all about boxes. We know that some boxes are blocks, and others are inline, and we can change the display type of elements by changing the value of the display property. That property holds the key to much more than this, however. It is the foundation on which all layout is built; the core of the inbuilt CSS layout system. Learning Grid Layout, or Flexbox, without understanding Display, leaves you with a wobbly foundation and more questions than answers.

The real question isn’t “Should I use Grid or Flexbox?” but instead, “How do I want these boxes to behave?” Understanding the interaction between layout methods will enable you to easily create fallbacks for older browsers, and knowing how the various formatting contexts behave unlocks margin collapsing and the behavior of items inside grid or flex layout. By the end of the hour, you’ll understand how the display property underpins the layout system we have today, the things coming in the future, and be able to make more informed decisions when deciding how to build any part of your design, big or small.

17 August 2020

An Event Apart Orlando 2020

CSS Layout is all about boxes. We know that some boxes are blocks, and others are inline, and we can change the display type of elements by changing the value of the display property. That property holds the key to much more than this, however. It is the foundation on which all layout is built; the core of the inbuilt CSS layout system. Learning Grid Layout, or Flexbox, without understanding Display, leaves you with a wobbly foundation and more questions than answers.

The real question isn’t “Should I use Grid or Flexbox?” but instead, “How do I want these boxes to behave?” Understanding the interaction between layout methods will enable you to easily create fallbacks for older browsers, and knowing how the various formatting contexts behave unlocks margin collapsing and the behavior of items inside grid or flex layout. By the end of the hour, you’ll understand how the display property underpins the layout system we have today, the things coming in the future, and be able to make more informed decisions when deciding how to build any part of your design, big or small.

05 October 2020

SmashingConf New York

We’ve been learning CSS and CSS for Layout in the same way since we broke free of table-based layouts in 2001, however CSS has grown-up and over the last few years a proper and consistent system for layout has emerged.

In this all-new workshop Rachel Andrew will take you through this new system for layout, giving you the ability to properly understand and use CSS Layout with real understanding of why things behave as they do.

We can understand CSS layout as a system, and rather than poke around using trial and error to do layout, learn the rules that control this system saving a lot of time and enabling more elegant and performant layouts.

This understanding will make choices such as “should I use grid or flexbox” or, “what do I do about old browsers” much easier, in fact sometimes the answer will be so obvious, you’ll not need to ask those questions!

22 October 2020