Author
Louis Lazaris
17 Comments
Join the Conversation
It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
If you've been writing JavaScript for some time now, it's almost certain you've written some scripts dealing with the Document Object Model (DOM). DOM scripting takes advantage of the fact that a web page opens up a set of APIs (or interfaces) so you can manipulate and otherwise deal with elements on a page.
But there's another object model you might want to become more familiar with: The CSS Object Model (CSSOM). Likely you've already used it but didn't necessarily … Read article
Eric Bidelman introduces the CSS Typed Object Model. It looks like it's going to make dealing with getting and setting style values through JavaScript easier and less error-prone. Less stringy, more number-y when appropriate.
Like if we wanted to know the padding of an element, classically we'd do:
var el = document.querySelector("#thing");
var style = window.getComputedStyle(el);
console.log(style.padding);
And we'd get "20px" as a string or whatever it is.
One of these new API's lets us pull it off like this:… Read article