Development Blog
Posted on by Courtney Meznarich

The Magic of CSS Houdini

Hat tricks, and card tricks, and magical CSS, oh my! Our latest Lunch Meet, a team-led learning series, was full of surprises from Lead UX Designer/Developer Anthony Harris. The topic was CSS Houdini, a somewhat magical, albeit somewhat unavailable, project that could revolutionize web development as we know it. Here’s what we know.

Anthony Harris up close houdini presentation

Houdini is a new collection of browser APIs that allows you to gain more access to your browser’s CSS engine. The API’s are accessible through JavaScript, making them web developer friendly.

The good news? Overall, CSS Houdini would improve browser support and increase performance. The not-so-good news (yet), is that for Houdini to work, all browsers would need to implement Houdini’s APIs, including Style, Layout, Paint, and Composite. Currently, Google Chrome is farthest along in this process.  If that happens, Harris said CSS Houdini could become the way we write CSS in the future.

“At SoCreate we strive to be on the bleeding edge of technology,” Harris said. “If there is any new tech that could help us be smarter or more efficient in any way, we’re all about it.”

Currently, we use JavaScript libraries to extend the possibilities of HTML and CSS. But JavaScript libraries run on the application level, not the browser. Houdini allows developers to tap into the browser’s rendering engine.  

Something you’ll never hear at SoCreate? "That's the way we've always done it." We are constantly striving to keep our act fresh. Could CSS Houdini could be the next trick up our sleeve?

Time will tell,

You may also be interested in...

Lauren Spence presents the color system

The Color System: SoCreate Sets Standards with CSS Custom Properties

Our most recent Lunch Meet – a SoCreate team-led learning series – may have been the most colorful yet! UX Developer Lauren Spence took the floor to teach the team about cutting edge practices being used on the UX side of SoCreate projects. While the rest of us satisfied our appetites with catered lunch, Lauren satisfied our visual senses with her presentation on the SoCreate Color System. The Color System is an innovative approach that controls and themes the colors in all of the apps we build. The system adds layers and rules on top of plain CSS, giving us a system that is easy to use, easy to...
Jami Lurock presents to Microsoft

Microsoft Adds SoCreate’s Open Source Projects to Service Fabric Best Practices

We may be considered a small software company, but our team is doing BIG things in the industry. Microsoft just added two of SoCreate’s open source projects to its Service Fabric guide for best practices. Mark Fussell, Group Program Manager for Microsoft Azure, recently invited SoCreate’s Chief Engineer Jami Lurock to give Microsoft staff a demo on SoCreate Service Fabric Distributed Cache and SoCreate Service Fabric Pub/Sub over a web conference. SoCreate built these open source projects as a way to solve our own challenges while building the SoCreate screenwriting software infrastructure. In...
SoCreate super-intern Tim Stoddard made his second appearance at our monthly Lunch Meet team-led learning series

NG of NG: SoCreate Gets a Lesson on What’s New with Angular v8

SoCreate super-intern Tim Stoddard made his second appearance at our monthly Lunch Meet team-led learning series, to give us a look at new features in the next generation of Angular, version 8. Tim’s an expert on Angular, having presented on behalf of SoCreate at the #NG Conference in April, the world’s original conference on Angular in Salt Lake City, Utah. So, we were eager to learn from him while we chowed down on catered Chipotle lunch! Tim covered several of the main features of version 8 of the Angular framework: differential loading, a detailed look at how the new Ivy renderer...