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.

This will be a workshop full of practical things to use right now, as well as a glimpse into the things you’ll be using very soon. Bring your CSS Layout questions, as Rachel is always very happy to help you figure out those places where you and your team are struggling.

We’ll be writing CSS all day, and this workshop does assume existing HTML and CSS knowledge. However whether you are a fulltime front-end developer, or someone who usually works elsewhere in the stack and wants to bring your CSS knowledge right up to date, there will be something for you.

What you’ll learn:

• The specifications that make up our new CSS Layout system - Flexbox, Grid, Box Alignment, and Sizing
• 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

What prerequisites skills do you need?

Basic understanding of CSS and JavaScript.

What hardware/software do you need?

Please bring your own laptop (Mac or Win) with your favorite text editor.

About Rachel Andrew

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 an Invited Expert to the CSS Working Group. She writes about business and technology on her own site at rachelandrew.co.uk.

Time & Location

This full-day workshop will be hosted at the Fort Mason and will take place the day before SmashingConf. The workshop will be running from 9:30 AM to 5:30 PM on Monday, April 15th.

Schedule for Monday, April 15th

9:00 AM – Doors open, Registration
9:30 AM – Introduction & Kick-off
11:00 AM – Coffee Break
1:00 PM – Lunch
2:00 PM – Afternoon Session
3:30 PM – Coffee Break
5:30 PM – The End

Save 100 USD when signing up for the conference and a workshop!