Public list by ~frontendfocus

Issue 747 - CSS that picks its own readable text color

taken.

https://sinceyouarrived.world/taken

taken — This page reveals what your browser shares the moment you arrive on a site. No login, no form, no permissions. An interesting overview of the data points that are just offered up by default.

about 2 months ago

una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries

https://una.im/modern-css-theming/

Modern CSS Theming with light-dark(), contrast-color(), and Style Queries — Get dark mode, automatic readable text, and per-component palettes, all from a single brand color with no JavaScript. Una combines light-dark(), the new contrast-color(), and style queries into one adaptive system, now Baseline across browsers.

about 2 months ago

PACT: Anonymous Credentials for the Web – Mozilla Hacks - the Web developer blog

https://hacks.mozilla.org/2026/06/pact-anonymous-credentials-for-the-web/

🔒 PACT: Anonymous Credentials for the Web — Mozilla shares the technical details behind their PACT proposal — a privacy-preserving way to curb bot abuse. It aims to let sites rate-limit bots via cryptography, without the need to track users or tie access to your device.

about 2 months ago

Astro 7.0 | Astro

https://astro.build/blog/astro-7/

Astro 7.0 Now Available — The popular framework for content-driven sites goes all-in on speed: a new Rust-powered compiler, a Rust Markdown/MDX pipeline, and Vite 8's Rolldown bundler combine for builds 15–61% faster.

about 2 months ago

Your Grid Lanes will likely fail WCAG 2.4.3 - Manuel Matuzovic

https://matuzo.at/blog/2026/grid-lanes-accessibility

Your Grid Lanes Will Likely Fail WCAG 2.4.3 — A warning on the accessibility pitfalls of the new Grid Lanes feature. Manuel notes that it inherently breaks tab order, and while flow-tolerance can help, its default value is too low and even a high value is no silver bullet.

about 2 months ago

Animating The Dialog Element Using View Transitions

https://pqina.nl/blog/animating-the-dialog-element-using-view-transitions/

Animating the <dialog> Element Using View Transitions — Rik quickly explains how to animate the <dialog> element using the View Transition API, takes a look at the Invoker Commands API, and shares some tips to improve the default behavior of the <dialog> modal.

about 2 months ago

Expo — Build Native Apps with React

https://try.expo.dev/frontendfocus

Front-End Devs Are Shipping Real iOS and Android Apps. Join Them — The same React you already write, now on real phones. Expo runs the builds, store submissions, and updates.

about 2 months ago

Can Your AI Pass the Accessibility Test? :: Aaron Gustafson

https://www.aaron-gustafson.com/notebook/can-your-ai-pass-the-accessibility-test/

Can Your AI Pass the Accessibility Test? — Aaron, along with Jessie Lorenz and Carie Fisher, recently gave a talk at Microsoft Build highlighting where coding agents fall short in regards to accessibility: "Out of the box, most coding agents are pretty terrible when it comes to accessibility."

about 2 months ago

Improving card patterns with anchor positioning

https://thatemil.com/blog/clickable-surface-expansion-using-anchor-position/

Improving Card Patterns with Anchor Positioning — Shares a pattern using CSS anchor positioning to solve some of the problems often found with clickable card surfaces.

about 2 months ago

https://netil.medium.com/billboard-js-4-0-release-canvas-rendering-mode-94-3-faster-overall-in-benchmark-894b18798ffe

https://netil.medium.com/billboard-js-4-0-release-canvas-rendering-mode-94-3-faster-overall-in-benchmark-894b18798ffe

billboard.js 4.0: A JavaScript Chart Library Based on D3 — At nine years old, billboard.js now has a new, opt-in canvas-based rendering mode (SVG remains the default), smaller bundles, and better performance on large datasets. There are hundreds of demos ranging from donut charts and funnel charts to overlapping bar charts and radar charts.

about 2 months ago

kage

https://kage.tamnd.com/

Kage: Shadow a Website for Offline Viewing — A tool that clones a web site and serves it up for offline viewing. The difference vs a normal "Save As" is it handles JS-rendered sites by saving the DOM from a headless browser.

about 2 months ago

Flush elevation option for page-mounted components

https://go.clerk.com/f6TclvW

Render Clerk's Sign-In Components Flush, Without the Card Wrapper — The new elevation appearance option drops the card background, border, and shadow so your sign-in fits any layout.

about 2 months ago

Wely — Lightweight Web Component Framework

https://litepacks.github.io/welyjs/

Wely: A Lightweight Web Component Framework — A unified toolkit for building components without a heavy framework. One CLI handles scaffolding, styling, testing, and bundling, and the output is portable native Web Components with a runtime of ~13 KB (Lit internally, plus Tailwind).

about 2 months ago

Wirewiki

https://www.wirewiki.com/

Wirewiki: A Resource to Explore Infrastructure for Any Domain — Has a simple UI to do all sorts of common lookups including info on hosting, DNS, SPF, A, CNAME, TXT records, MX records, and lots more.

about 2 months ago

Type Scale Tool – Craft Precise Typography, Get CSS Fast

https://precise-type.com/

Precise Type: A Type Scale Tool to Craft Precise Typography — A full-featured type scale tool to interactively customize modular or metric-based type scales. Also includes info on the models behind font size, line height, and letter spacing. Exports to CSS and CSV.

#typescale #type scale #modular scale #type-scale #typography scale #type scale generator

about 2 months ago

Able Player v5.0.0 released! - Joe Dolson Web Accessibility

https://www.joedolson.com/2026/06/able-player-v5-0-0-released/

Able Player v5.0.0 Released — An accessible, cross-browser HTML5 media player (audio and video) designed to enhance the usability of audiovisual content for all users, including those with disabilities. Homepage.

about 2 months ago

Palette Inspiration - Timeless Colors of the Great Masters

https://paletteinspiration.com/

🎨 Palette Inspiration: Color Palettes Extracted from Famous Art — Want a palette inspired by a masterpiece (like these Picassos)? Search and explore palettes built from 23,000+ works of art in different styles and genres.

about 2 months ago

cssQuake - Powered by PolyCSS

https://cssquake.com/

👹 cssQuake: A Port Powered by PolyCSS — We featured PolyCSS a few issues ago, and now someone has put it to work to create a CSS-powered Quake. The world is rendered as real HTML/CSS 3D geometry, without a WebGL or canvas renderer. Impressive stuff. You can see the repo here.

about 2 months ago

Try Tiger Cloud Free: $1,000 Credit | Tiger Data

https://www.tigerdata.com/go/trial

Fast Dashboards Start with Fast Queries — When dashboards outgrow vanilla Postgres, most teams add a second database. Pipelines, stale data. TimescaleDB extends Postgres so analytics stays fast on live data. Hypertables, 95% compression, continuous aggregates. Start with a $1000 credit.

4 months ago