Web Directions Year round learning for product, design and engineering professionals

Don’t you sometimes wish you could create your own CSS properties? Not just some syntactic sugar to make life easier like Sass and other pre-processors, but honest-to-goodness properties, like new display options, painting your own images from JavaScript as backgrounds, borders and elsewhere images can be used, and so on. And all in ways that don’t hugely impact the browser performance the way for example JavaScript based property animation does?

Enter a brand new (still very much under development but so cool we have to talk about it even at this stage) CSS feature, code-named Houdini (if you’re not entirely familiar with Harry Houdini, he was a hugely popular illusionist and escape-artist from the early 20th Century. And why ‘Houdini’? Because it allows you to escape the current constraints of CSS (yes, a dad joke)).

There’s a great article going into some detail about Houdini at our good friends Smashing Magazine from a few weeks back (yep, it’s still very new), but this is definitely something we feel will arrive sooner than you might think.

So this week’s video of the week is from a recent post-Respond “mega meetup” with MelbCSS, Be Responsive and MelbJS, featuring Ryan Seddon on Houdini.

Like to watch and read more like this? Be the first to score invitations to our events? Then jump on our once a week mailing list where we round up the week’s best reading and watching on all things Web. And you’ll get a complimentary digital copy of our brand new magazine, Scroll.