Public list by ~frontendfocus

Issue 738 - font-family doesn't fall back the way you think it does

Building a UI Without Breakpoints – Frontend Masters Blog

https://frontendmasters.com/blog/building-a-ui-without-breakpoints/

Building a UI Without Breakpoints — Amit makes the case for moving away from global viewport breakpoints, instead shifting to using modern CSS such as clamp(), container queries, and auto-fit to create fluid interfaces no matter the screen.

4 months ago

font-family Doesn’t Fall Back the Way You Think – CSS Wizardry

https://csswizardry.com/2026/04/font-family-doesnt-fall-back-the-way-you-think/

font-family Doesn’t Fall Back the Way You Think — Harry clarifies how inheritance actually works when loading in font stacks, provides some welcome nuance on why we often see flashes of unexpected text or even layout shifts, and of course shares how to easily fix things.

4 months ago

Firefox 150 release notes for developers (Stable) - Mozilla | MDN

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/150

Firefox 150: Release Notes for Developers — Enhancements include light-dark() image support, changes to the CSS color-mix() function (with it now accepting multiple color values), the addition of media-based pseudo-classes, and more.

4 months ago

Delivering a dynamic hexagonal world map in just 10kb | Calibre Blog

https://calibreapp.com/blog/building-our-beloved-hex-map

Delivering a Dynamic Hexagonal World Map in 10KB — A walkthrough of building a hexagon-based SVG world map with the whole thing weighing in at just 10KB. Covers simplifying high-resolution GeoJSON with Turf.js and projecting it with d3-geo.

4 months ago

The Web Is Fun Again: First Experiments with HTML in Canvas – Frontend Masters Blog

https://frontendmasters.com/blog/the-web-is-fun-again-first-experiments-with-html-in-canvas/

First Experiments with the New 'HTML in Canvas' API — A fun primer looking at what we’ll be able to do with the HTML-in-Canvas API. It’s currently experimental, and is only available behind a flag — but these demos do a good job of showing what sort of things it will unlock — ”not just a new API; it is a new workflow mindset”.

4 months ago

B2B SaaS with Clerk

https://go.clerk.com/JjumdCV

Introducing B2B Authentication — Clerk combines Organizations, SCIM, SSO, RBAC, invites, and billing to build enterprise-ready apps.

4 months ago

Details That Make Interfaces Feel Better

https://jakub.kr/writing/details-that-make-interfaces-feel-better

Details That Make Interfaces Feel Better — Plenty of good ‘small-detail’ UI advice here, and the learnings are also available bundled up as an AI skill.

4 months ago

Making your site visible to LLMs: 6 techniques that work, 8 that don't—Martian Chronicles, Evil Martians’ team blog

https://evilmartians.com/chronicles/how-to-make-your-website-visible-to-llms

Making Your Site Visible to LLMs: 6 Techniques That Work, 8 That Don't — There aren’t any particularly accepted standards today, but these techniques are easy enough to put in place if you do want LLMs to return your sites in results.

#jamstack #llms #agent experience #dx #ai

4 months ago

Why some images look brighter than your screen

https://tn1ck.com/blog/abuse-hdr-images-for-marketing

Why Some Images Look Brighter Than Your Screen — A technical exploration of why some images can sometimes seem brighter than a surrounding user interface when viewed on certain modern displays. Tom talks HDR, color profiles, gain maps, and more, sharing how such techniques can be utilised. There’s also a tool here to generate such images. (I opened this on my iPhone, and true enough, the image really does pop.)

4 months ago

MJML - The Responsive Email Framework

https://mjml.io/

✉ MJML 5.0: The Responsive Email Framework — HTML emails are a headache to code (trust us!) but MJML provides a component-based framework to make it less daunting if you don’t read CanIEmail on a regular basis. There's an upgrade guide to v5.0 if you're an existing user.

4 months ago

tiks — Procedural UI Sounds for the Web

https://rexa-developer.github.io/tiks/

🔊 tiks: Procedural UI Sounds for the Web — Bleeps, blips, and clicks synthesized with the Web Audio API (so it’s tiny).

4 months ago

EDB Home - EDB Postgres AI

https://www.enterprisedb.com/#EDBPostgresAIConfigurator

Map Out Your Postgres AI Stack — Use EDB’s interactive configurator to architect your sovereign AI platform and get instant sizing and cost estimates.

#edb postgres ai #sovereign ai #data platform #postgresql #agentic ai #ai configurator

4 months ago

HyperFrames — Edit Videos By Vibe-Coding

https://hyperframes.heygen.com/

HyperFrames: Write HTML & JavaScript to Create Videos — An open-source framework for creating and rendering videos. Includes a variety of built-in blocks/components for common video effects and elements, and can also composite existing video and audio clips. GitHub repo.

4 months ago

”CSS — Lightweight CSS Framework

https://mucss.org/

”CSS: A Lightweight, Themeable CSS Framework — Includes default class-less styles in 20 different themes, dark mode toggle, 36 pre-built components, a mobile-first grid, and templating in PHP.

4 months ago

TypeGPU – Type-safe WebGPU toolkit

https://docs.swmansion.com/TypeGPU/

TypeGPU: A Type-Safe WebGPU Toolkit — A WebGPU toolkit with advanced type inference and the ability to write shaders in TypeScript. Here’s a live example (flip the toggle to see the source).

4 months ago

LiquidGlass

https://liquid-glass.ybouane.com/

Liquid Glass: WebGL Glass Effects for HTML Elements — A fun WebGL-powered effect you can apply, by way of JavaScript, to the HTML elements of your choice to reproduce realistic glass refraction and blur effects a la iOS 26. And, yes, there's an interactive playground (shown above).

4 months ago