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.

The future is mobile – Part I

Last weekend I gave a presentation at WordCamp Montreal 2011 on developing for the mobile Web. The talk covered some easy online tools, and WordPress-specific themes and plugins that require no coding. Then I offered my own solution.

Designing for mobile can be tough because you are designing for so many different devices, screen sizes, screen resolutions, operating devices, and functionality sets. Your design needs to be really flexible in order to work on the majority of mobile devices.

And it needs to be attractive. Most of the mobile web is not especially functional, and what is functional is a bit plain vanilla. It’s quite easy at this point to build a standout site, if you put in the effort. Continue reading “The future is mobile – Part I”