Modern CSS layout

I’m very interested in the new CSS layout and art direction for the web.

CSS Grid leads the way, but I think modern CSS layout is the combination of new layout tools in our belt that can all be used in combination.

Rachel Andrew and Andy Clarke are big influences.

What is the toolkit

I’d include

  • CSS Grid
  • Flexbox
  • Multi Column layout
  • CSS Shapes.

What else am I missing?

  • Web fonts
  • variable fonts
  • custom properties
  • logical properties
  • media queries
  • support queries
  • absolute positioning
  • floats.

Bring in JavaScript if that’s your thing, and it’s a great time to be a web designer.