Houdini, Behind the CSS

Duration: 25 mins
Rhiana Heath
Software Engineer, Blake eLearning

Traditional CSS is limiting in a number of ways. While it has many, many attributes, if you want to make something outside the DOM box your options are pretty limited. Leading to many CSS hacks to make objects like, triangles for example, a reality in a modern web browser. This clutters up the HTML and CSS with extra elements it doesn't need. This then slows down performance and makes the code harder to read and maintain.

This is where CSS Houdini comes in with its DOM magic. It allows you to craft your own CSS attributes using JS Worklets. Making the code more performant, deliberate and reusable. This can also be combined with their new CSS typed system. Which gives you more control over your attributes and useful errors if something goes wrong.

Today I'll be doing a live demo showing a few examples of how to make new attributes with Houdini. Such as: tooltips, custom borders and backgrounds, custom checkboxes and animations.

You may also be interested in

180 mins
Modern Software Development

Our industry never stops changing, but sometimes those changes are trivial and fluffy and we can ignore them. Sometimes they...

50 mins
Do You Know Da Wae

We build development teams based on individual ability to write code but development of a software project of any significance...

50 mins
All That Glitters Ain't Gold

Let’s use Kafka, everywhere! Let’s try event driven architecture! How about Rust for this service? Let’s use Elixir for this!...

25 mins
Pull My Code: Effective Code Review

We need to talk about code reviews. Having a strong, effective code review process is the key-stone of quality, culture, learning...

50 mins
Mental Bookmarks and the Fractal Nature of Success

Good discussions are supposed to diverge from their intended path. Free association is a feature, not a bug, and helps...

180 mins
Design Principles for the Effective Developer

How many design patterns and principles can you name as developer? Are they important? Should we not rather focus on...