Tiny Helpers

A collection of useful single-purpose online tools.

The CSS ‘content’ property accepts alternative text

Browser support is not great yet though.

web-vitals-element

Quickly bring Google’s quality metrics into your web page.

How to preload responsive images with imagesizes and imagesrcset

Performance tuning for responsive images.

How to tell browsers that your site supports color-schemes

A new CSS property simplifies to build color-schemed UIs.

Say goodbye to resource-caching across sites and domains

Chrome starts to use a partitioned browser cache like Safari.

SVGs filters can be inlined in CSS

An exciting way to create graphical effects.

How to select elements that are not children of other elements in CSS

Woo-hoo, complex selectors in :not() pseudo-classes!

How to display language-specific quotes in CSS

Quotes in different languages for multi-lingual web sites.

Can we have custom media queries, please?

Reusable variables for media queries are in the spec, but not supported.

How to color the browser scrollbar across browsers

Meanwhile, it’s pretty easy to match your scrollbar with your design.

Conditional border-radius and three future CSS features

There are some great CSS features in the making.

“‘Sign up’ and ‘Sign in’ are the most confusing terms for me as non-native english speaker. Always takes me a moment to click the right thing. Can't we go with ‘Create account’ and ‘Log in’?”

The surprising behavior of “important CSS custom properties”

Caution, don’t mix ‘!important’ into custom property values.

hwb(): a color notation for humans?

What the upcoming CSS color notation is all about.

New on the web: programmatically open a native date picker

Say hello to elem.showPicker().

New in JavaScript: reportError

A method to report to global event handlers.

A look at the dialog element’s super powers

The HTML dialog element is a welcome addition to the web platform.

browsers.fyi

Current browser versions and release notes as site, feed, or API.

How to split JavaScript strings into sentences, words or graphemes

‘Intl.Segmenter’ is a great way to split strings into meaningful parts.

Glyphhanger

A way to considerably reduce the file size of a web font.

Fancy SVG filters

“SVG is such a secret powerhouse for creating custom filters.”

How to escape CSS selectors in JavaScript

There is a better solution than manually escaping characters.

CSS oklch() retains perceived lightness for different hue angles

It’s time to switch from hsl() to oklch() for color palettes.

CSS only Scroll-to-Top

A nifty return-to-top feature that surfaces as you scroll.

‘sparkly-text’ web component

A web component to make your text sparkle.

How to turn off password managers for fields

Yes, you can disable password managers for a form element.

HTML’s attribute ‘target=_blank’ implies ‘rel=noopener’

What you need to know about the ‘target=_blank’ security issue.

Web content, the social contract, and copyrights

How can we deal with website copyright violations?

Notes on the vanishing .io top-level domain

“Registering a domain is different from owning a domain.”