Houdini,

Behind the CSS

Rhiana Heath

DDD Nov 2020

Software Developer

Blake eLearning

What is CSS Houdini?

The objective of the CSS-TAG Houdini Task Force (CSS Houdini) is to jointly develop features that explain the “magic” of Styling and Layout on the web. 

CSS Houdini: Backgrounds

CSS Houdini:

Backgrounds

New Button!

What Can we do?

  1. Background image
    1. Extra download
    2. Not very responsive
  2. CSS hacks
    1. Extra DOM elements not needed
    2. Hard to read and maintain

+

=

DEMO TIME!

Pros

  • Faster
  • More deliberate
  • More control
  • New things not possible before

Cons

Thanks!

Houdini, behind the CSS: Lightning Edition

By RhianaH

Houdini, behind the CSS: Lightning Edition

DDD November 2020

  • 613