Skip to main content

Next Steps With CSS Layout

Rachel Andrew

Full-day workshop • Monday, April 15th
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.

Most techniques are borrowed from mid-size and large-scale real-life projects, such as large eCommerce projects, online magazines and web applications. We won’t cover the basics, but rather advanced and innovative examples of RWD in action.

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 frontend 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.

Time & Location

This full-day workshop will be hosted at the (link: locations text: Fort Mason) and will take place before the two days of Smashing Conference. The workshop will be running from 9:30am to 5:30pm on Monday, April 15th.

Schedule for Monday, April 15th

9:00 – Doors open, Registration
9:30 – Introduction & Kick-off
11:00 – Coffee Break
13:00 – Lunch
14:00 – Afternoon Session
15:30 – Coffee Break
17:30 – The End, Networking

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

Register for this workshop →

On the web
https://rachelandrew.co.uk/
On Twitter
@rachelandrew
Workshop Includes
  • Snacks and drinks
  • Tea and Coffee
  • Lunch
  • Paper and pen/pencil