Oooh, Shiny! All the new CSS toys for WordPress Theme Development

This weekend I was lucky enough to give a talk at WordCamp Ottawa 2017. It was a lot of fun, and I thought I’d share my slides with everyone who couldn’t be there. Below is my talk description.

Check out all newest things that CSS can bring to WordPress theme development: CSS Filters, Feature Queries, Native Mixins, Grid Layout, Native Variables, and more. The W3C’s CSS Working Group is introducing a ton of new CSS modules in 2017. Learn how they work and when to use them. We’ll look at real examples that you can start using right now.

CSS has seemed quite stable for some time, so I was excited to see all the new CSS modules that have just come out. They’ve made CSS fun again. There is just so much to play with.

With so much material, it was hard to choose what to present. I feel like grid could have been a full-day workshop on its own! But for this talk, I only had 30 minutes, plus time for questions. So I chose a small sampler of new CSS that you can start using quickly.

My talk is intended for people who already have a basic grasp of CSS. But, to keep the talk as accessible as possible, I’ve included links on many of my slides where you can find much more detailed information, including tutorials, demos, and online tools.