Latest News

When I think about web performance, the first thing that comes to my mind is how images are generally the last elements that appear on a page. Today, images can be a major issue when it comes to performance, which is unfortunate since the speed a website loads has a direct impact on users successfully doing what they came to the page to do (think conversation rates).

Very recently, Rahul Nanwani wrote up an extensive guide on lazy loading images…

The post Lazy Loading Images with Vue.js Directives and Intersection Observer appeared first on CSS-Tricks.

There is a such thing as an indeterminate checkbox value. It’s a checkbox (<input type="checkbox">) that isn’t checked. Nor is it not checked. It’s indeterminate.

We can even select a checkbox in that state and style it with CSS!

Some curious points though:

1. It’s only possible to set via JavaScript. There is no HTML attribute or value for it.
2. It doesn’t POST (or GET or whatever else) or have a value. It’s like being unchecked.

So, …

The post POSTing an Indeterminate Checkbox Value appeared first on CSS-Tricks.

There’s a ton of very quotable stuff from Rachel Andrew’s latest post all about CSS and how we talk about it in the community:

CSS has been seen as this fragile language that we stumble around, trying things out and seeing what works. In particular for layout, rather than using the system as specified, we have so often exploited things about the language in order to achieve far more complex layouts than it was ever designed for. We had to, …

The post The Way We Talk About CSS appeared first on CSS-Tricks.

WordPress 5.0 is quickly approaching, and the new Gutenberg editor is coming with it. There’s been a lot of discussion in the WordPress community over what exactly that means for users, designers, and developers. And while Gutenberg is sure to improve the writing experience, it can cause a bit of a headache for developers who now need to ensure their plugins and themes are updated and compatible.

One of the clearest ways you can make sure your theme is …

The post Styling the Gutenberg Columns Block appeared first on CSS-Tricks.