RhianaH
Rhiana is a front end developer specialising in making web sites and applications accessible for people with disabilities. Combining her background in educational psychology and a love of computers.
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?
- Background image
- Extra download
- Not very responsive
- CSS hacks
- Extra DOM elements not needed
- Hard to read and maintain
+
=
DEMO TIME!
Pros
- Faster
- More deliberate
- More control
- New things not possible before
Cons
- Few learning resources
- Low browser support
Thanks!
Houdini, behind the CSS: Lightning Edition
By RhianaH
Houdini, behind the CSS: Lightning Edition
DDD November 2020
