FITC

In this workshop you’ll explore the new features available for CSS Layout with CSS Working Group invited expert Rachel Andrew. Learn the emerging best practices for using Grid and Flexbox. Discover how to support browsers without support, and ensure that our new powers don’t lead to us causing accessibility problems.

She’ll also be taking a look at how the web is moving away from physical dimensions – mapping layout to the top, right, bottom and left of the physical screen – to using logical properties and values. By the end of the day you will have a better understanding of how layout works, and have plenty of code examples and resources to use as a reference as you start to implement these techniques in your work.

Objective

To give attendees skills to use today and understanding of how layout works so they can adopt new things that show up tomorrow

Target Audience

Front-end developers

Assumed Audience Knowledge

Intermediate CSS Skills
(If you understand the things in this guide on MDN you should be able to follow along)

Five Things Audience Members Will Learn

• How Sizing works in CSS Layout
• Logical rather than physical dimensions (alignment will make more sense!)
• Best practices for new layout
• Browser support and testing
• What new things are landing very soon

To Bring

• A laptop
• Up to date web browsers (Firefox and Chrome)