Yearly Archives: 2018

The way JavaScript works is we can do scripts as an inline block:


let foo = "bar";


Or, if the script should be fetched from the network…

/js/global.js

With CSS, we can do an inline block of styles:

<style>
.foo { color: red; }
</style>

So why not <style src=""></style>? Instead, we have <link href="">.

Harry Roberts asked about that the other day on Twitter:

Can any W3 historians tell us why it’s `<link rel=”stylesheet” …

The post Why isn’t it <style src=””>? appeared first on CSS-Tricks.

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 …

The post An Introduction and Guide to the CSS Object Model (CSSOM) appeared first on CSS-Tricks.

I think it’s kinda cool to see Google dropping repos of interesting web components. It demonstrates the possibilities of cool new web features and allows them to ship them in a way that’s compatible with entirely web standards.

Here’s one: <two-up>

I wanted to give it a try, so I linked up their example two-up-min.js script in a Pen and used the element by itself to see how it works. They expose the component’s styling with custom properties, which I’d …

The post Google Labs Web Components appeared first on CSS-Tricks.