CSS is fun and cool and I like it.

Articles Tagged CSSOM

It takes as much energy to wish as it does to plan. — Eleanor Roosevelt

Article December 10, 2018

An Introduction and Guide to the CSS Object Model (CSSOM)

Author

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 “An Introduction and Guide to the CSS Object Model (CSSOM)”

CSSOM

Link April 12, 2018

Working With the new CSS Typed Object Model

Shared by

Chris Coyier

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 “Working With the new CSS Typed Object Model”

Our Notes / Read at developers.google.com

CSSOM