Public list by ~frontendfocus

Issue 746 - The scope superpower hiding in CSS @function

Storied Colors

https://storiedcolors.com/

Storied Colors: A Research Catalog of Color — An ongoing index of named colors, sharing the documented history of various hues, looking at their origins, dyes, chemical formulas, and how various colors got their names.

2 months ago

clerk deploy: guided, resumable, agent-ready

https://go.clerk.com/jKH3MzH

clerk deploy: From Dev to Production in One Command — Run clerk deploy from a linked project and the Clerk CLI walks you through every production requirement: instance clone, DNS records with zone file export, Google and Apple OAuth credentials, and a verification loop for DNS, SSL, and email DNS.

2 months ago

The Scope of CSS @function – Master.dev Blog

https://master.dev/blog/the-scope-of-css-function/

The Scope of CSS @function — A look at the evaluation scope of CSS custom functions: unlike regular custom properties that inherit through the DOM, they resolve variables from wherever they're called, letting library authors hide complex logic behind clean APIs, with some caveats.

2 months ago

The golden rule of Customizable Select

https://webkit.org/blog/18117/the-golden-rule-of-customizable-select/

The Golden Rule of Customizable Select — When using Safari 27's new customizable <select> element, always keep text on your option elements. Skipping that in favor of just icons or swatches hurts usability, accessibility, and older-browser fallbacks.

2 months ago

Why Isn't My 3D View Transition Working? | CSS-Tricks

https://css-tricks.com/why-isnt-my-3d-view-transition-working/

Why Isn't My 3D View Transition Working? — Short answer: the view transition pseudo tree has no real parent, so the perspective property has nothing to latch onto. This post walks through the fix.

#perspective #view transitions

2 months ago

Introducing the MDN MCP server

https://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/

Introducing the MDN MCP Server — Bring MDN’s docs and browser compatibility data straight into an AI agent or IDE for accurate, up-to-date answers about the web platform, instead of relying on models' stale training data.

2 months ago

Demystifying the View Transition Pseudo Tree – Master.dev Blog

https://master.dev/blog/demystifying-the-view-transition-pseudo-tree/

Demystifying the View Transition Pseudo Tree — Breaks down each layer of a pseudo-element tree that a browser builds during a view transition, looking at what each pseudo-element does, why they’re there, and how to target them when defaults need tweaking.

2 months ago

WWDC26: Get started with the HTML Model Element | Apple

https://www.youtube.com/watch?v=AwAn6dgcq4c

▶  Get Started with the <model> Element — The model element brings interactive 3D content into the page on iOS, iPadOS, macOS, and visionOS.

#science & technology

2 months ago

Creating Memorable Web Experiences: A Modern CSS Toolkit | CSS-Tricks

https://css-tricks.com/creating-memorable-web-experiences-a-modern-css-toolkit/

Creating Memorable Web Experiences: A Modern CSS Toolkit — A practical reminder and tooling overview, looking at what we can now achieve without the technical overhead of the past.

#animation #svg #ux

2 months ago

Improvements to Web for AI Should Benefit All Users

https://cloudfour.com/thinks/improvements-to-web-for-ai-should-benefit-all-users/

Improvements to Web for AI Should Benefit All Users — The Safari team recently opposed the WebMCP API, and Jason argues that rather than building AI-specific APIs, we should fix the underlying semantics. He concludes: “user needs come before agent needs”.

#accessibility #ai #standards

2 months ago

Prop For That · June 13, 2026

https://nerdy.dev/prop-for-that

Prop For That: What JS Knows, Now CSS Knows — A library to tackle areas where CSS almost gets you there, but you’re forced to drop into JavaScript to get a value: mouse position, the time, a slider’s value, etc. Add an HTML attribute and the live values show up as custom properties, bridging the JS–CSS gap declaratively. It has a great demo page.

2 months ago

Mitos ASCII Tool

https://mitos-pied.vercel.app/

Mitos ASCII Tool: Convert Images into ASCII Text Illustrations — Used at Oxide for creating branded ASCII graphics, this tool not only converts images into ASCII art, but lets you live-code effects for animated hero image experiences, etc. GitHub repo.

2 months ago

Discover MapKit JS 6: Rebuilt for Today’s Web Developer

https://webkit.org/blog/18027/discover-mapkit-js-6-rebuilt-for-todays-web-developer/

Discover MapKit JS 6: Rebuilt for Today’s Web Developer — Apple’s privacy-first framework for integrating Maps into your site has had a big update. Version six ships as an npm package, and introduces TypeScript support via DefinitelyTyped. There’s a demo here.

2 months ago

Templatical — Open-Source Email Editor SDK

https://templatical.com/

Templatical: An Open Source, Drag-and-Drop Email Editor SDK — Supports custom blocks with API-backed data, merge tags with your choice of template literals, full theming via design tokens, and lots more. The playground includes real-world use cases. Source.

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