The community-driven resource library of CSS Houdini worklets. Learn about CSS Houdini, its APIs, usage, polyfills, and browser status, to take advantage of the Houdini APIs today. “Houdini is a set of low-level APIs that exposes parts of the CSS engine, giving developers the power to extend CSS by hooking into the styling and layout process of a browser’s rendering engine. Houdini is a group of APIs that give developers direct access to the CSS Object Model (CSSOM), enabling developers to write code the browser can parse as CSS, thereby creating new CSS features without waiting for them to be implemented natively in browsers.” —MDN

Underlines are hard. Complications quickly arise if you want to do anything fancier than the good ol’ CSS text-decoration: underline. There are a lot of different techniques. Unfortunately, they nearly always come with significant drawbacks.

Including some centering techniques, `li::marker`, and `display: inline-flex`, `column-rule`, `background-repeat: round`. There are a lot of CSS properties that some don’t know about, or they know about them, but forget to use them when they’re needed.

We have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today.

‘This is a simple trick to overlay a grid or a mock-up over a page you're styling. It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text.’

DesignBombs is an online publication that aims to provide well-researched guides, in-depth tutorials, exclusive deals, and other useful content.

Change the tap highlight color in WebKit Mobile-using devices (many of them).

"Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies."

How to make an background image scale without using a ton of JavaScript.

Using CSS to detect device size (for things like iPads and iPhones).

This may be worth looking into. I waffle on whether this sort of thing is ultimately a good decision — you're relying on someone else's framework, it takes a while to learn and master, and once you decide to go with it you're essentially stuck with it. But isn't that the case with any pseudo-framework developed for a website design? I should test this on a little project.

As seen on Normative.com.

Detailed to the point of being almost unreadable!

Ugly "Browse..." buttons be gone!

Using one large image with all of your smaller images inside of it, and using CSS to position the background into the right position.

How to hide unsightly outlines.

A table of who supports what.

Checks through CSS and HTML to find redundant and unused style definitions.

What works in which browsers.

They look nice.

Beautiful, cross-compatible buttons in CSS.

A huge and valuable collection.