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

25 mins
Eliminating Hero Culture on our Engineering Teams

Hero Culture can be found within any company dominated by employees that are constantly rewarded for going the extra mile,...

25 mins
Using Software, AI, DS to Source Growth Opportunities

Growing up in Honduras, Bolivia, India, Nepal and Indonesia, Thomas believes innovation decision making is one of the most far-reaching...

50 mins
Building Antifragile Teams

Antifragile systems thrive under stress and through failure. How can we help our teams – systems made up of people...

25 mins
Designers + Developers = Best Friends Forever?

How is the relationship between your design team and your development team? Is it highly functional? Or 'just professional'? Maybe...

180 mins
Foundations of Tech Leadership

According to a CareerBuilder study, only 40% of new engineering leaders receive formal training when they become a boss for...

50 mins
Empowering, Growing and Coaching your Superstars

Nothing is more rewarding than when your leaders or teammates help you reach your goals or the next level of your career. ...