DiffFlow
← Back to Blog

A Bigger Toolbox: Free Tools Dashboard

What's New in v0.8.0

DiffFlow is a monitoring product, but the tools around it matter just as much. v0.8.0 gives the site a dedicated home for its free developer tools — and cleans up a couple of correctness and accessibility issues along the way.

A Home for the Tools

The CSS Selector Tester has been live for a while, tucked under a deep link in the navigation. It deserved a proper landing spot. The new /tools page introduces both tools side by side:

  • CSS Selector Tester — point and click at any element in a preview pane to generate an exact CSS selector, test it against real HTML, and copy it for use in a monitor.
  • Visual Selector — the quick-launch overlay that routes straight into the tester.

Both tools run entirely in the browser. No account required, no server round-trip for the selector work itself. From the tools index you can drop a finished selector straight into a free monitor.

Changelog Accuracy

The /changelog page had drifted from the actual changelog: it was missing the v0.7.0 release entry and tagged two releases "Latest" at once. The page now mirrors the release history exactly, with the badge on the newest release only. A changelog you can scan is a changelog you can trust.

Accessibility, Walked

Two small but real fixes to the CSS Selector Tester:

  • The Copy and Test Selector buttons now meet the 44×44px touch-target minimum, which matters for anyone using the tool on a phone or with a large-pointer device.
  • Both buttons show a visible focus ring for keyboard navigation, and match results are announced to screen readers via an aria-live region. If you tab into the tool and press Enter on Test Selector, you hear the result instead of guessing at the page.

Get Started

Open the /tools page, generate a CSS selector, and create your first monitor in under 60 seconds. As always: sign up free, no credit card.

Stop missing the signal.

Create your first monitor