Categories
Quick Notes

Twenty Seventeen Supports

The new WordPress default theme includes a block of CSS to fix layout of the headers in browsers supporting the object-fit property.

The CSS makes use of feature queries. It’s the first time a WordPress default theme has used @supports and I’m really pleased to see it.

Despite wide browser support, feature queries are rarely seen in the wild. Feature detection started as a JavaScript technique and it’s easy to ignore a method that comes along later.

I was reminded about feature queries earlier this year when I saw Jen Simmons speak. I’ll be keeping them in mind more often.

By Peter Wilson

Peter has worked on the web for twenty years on everything from table based layouts in the 90s to enterprise grade CMS development.

Peter’s a big fan of musical theatre and often encourages his industry colleagues to join him for a show or two in New York or in the West End.

Leave a Reply

Your email address will not be published. Required fields are marked *