Public list by ~frontendfocus

Issue 748 - The select element, sized just right

The Goldilocks customizable select height

https://jakearchibald.com/2026/goldilocks-select-height/

đŸ„ŁÂ The Goldilocks Customizable Select Height — Jake walks through getting the sizing of customizable <select> elements just right. He lands on a calc-size() solution that respects intrinsic sizing while capping dimensions. A practical deep-dive with demos, CSS code examples, and fallbacks.

about 2 months ago

Introducing the <usermedia> HTML element | Blog | Chrome for Developers

https://developer.chrome.com/blog/usermedia-html-element

Introducing the <usermedia> HTML element — Shipping in Chrome 151, this replaces the getUserMedia() prompt for controlling camera and microphone access. It also introduces a way to let users change their mind on blocked permissions, without the need to dig into browser settings.

about 2 months ago

Webflow Developer Platform

https://developers.webflow.com/

Webflow for Developers — APIs, SDKs, and Code Components for building sites on Webflow. Bring your own code, deploy apps on Webflow Cloud, build custom integrations, publish to the app marketplace, or build with agents via the MCP server.

about 2 months ago

The Shifting Line Between CSS States and JavaScript Events | CSS-Tricks

https://css-tricks.com/css-states-and-javascript-events/

The Shifting Line Between CSS States and JavaScript Events — A tour of the (more than you’d think) CSS pseudo-classes that can stand in for JS event listeners, plus a look at the experimental/future event-trigger syntax.

#pseudo elements #state

about 2 months ago

Modern UI Patterns - Una Kravets - CSS Day 2026

https://www.youtube.com/watch?v=8FSLsVAJj2w

▶  Modern UI Patterns — A talk from the recent CSS Day conference in which Una dives into some of the newest updates in CSS and the web UI space, and also shares a UX framework of 5 principles to frame your design decisions through a modern UI lens.

#science & technology

about 2 months ago

An animated radial gradient mask over text in CSS

https://cassidoo.co/post/radial-mask-text-css/

An Animated Radial Gradient Mask Over Text in CSS — Cassidy shows us how she replicated a neat radial rings effect, using the CSS mask property along with a repeating radial gradient. Demo here. Browser support isn’t universal, but the journey she takes is interesting.

about 2 months ago

Dark mode with web standards

https://olliewilliams.xyz/blog/dark-mode/

Dark Mode with Web Standards — A good technical overview on how to implement a robust dark mode for your site — one that respects OS-level preferences, but also provides a manual override.

about 2 months ago

Ghost — the database for agents

https://ghost.build/

Your Agent Builds the Frontend. What About the Database? — ghost gives it a Postgres fork per task, like a scratchpad. Spin up, throw away, no project limits. Try for free.

about 2 months ago

WebGL without a GPU — Microlink Blog

https://microlink.io/blog/webgl-without-a-gpu

WebGL Without a GPU — How do you render WebGL on a fleet of Linux boxes with no graphics card? A look at the CPU-emulation chain that’s available, and a Chrome flag that sped up taking a screenshot by 4x.

about 2 months ago

Modes and Themes That Stick - Building a Persistent Toggle Solution

https://www.alwaystwisted.com/articles/modes-and-themes-that-stick-building-a-persistent-toggle-solution

Modes and Themes That Stick: Building a Persistent Toggle Solution — A three-layer, progressively enhanced approach to mode and theme switching.

about 2 months ago

SlimSelect - Advanced JavaScript Select Dropdown Library

https://slimselectjs.com/

Slim Select 4.0: An Advanced Select Dropdown Control — A feature-rich select dropdown component with no dependencies. The recently released v4.0 adds a modal mode for mobile-friendly picking.

#vanilla js select #multi-select dropdown #searchable select #custom select dropdown #react select component #vue select component

about 2 months ago

vale.rocks/FixCSS

https://tangled.org/vale.rocks/FixCSS

FixCSS: A Library to Rectify Mistakes in the Design of CSS — TIL that the CSS Working Group has a list of ‘mistakes’ made in the design of CSS. This library sets out to rectify these failures, as explained here.

#webdev #front-end #css #fixcss #git #code collaboration

about 2 months ago

Sentry 201: Making Sentry More Useful

https://sentry.io/resources/201-series/

One Session Left: Agentic Debugging with Sentry MCP and Seer — Build agentic debugging with the Sentry MCP, CLI and Seer. Catch it before it's done.

about 2 months ago

GitHub - educastellano/qr-code: Web Component for generating QR codes

https://github.com/educastellano/qr-code

<qr-code> 2.0: Web Component for Generating QR Codes — A recently modernized, decade-old solution to display QR codes on the Web in PNG, SVG, and HTML formats (so you can style them entirely to your liking). Demo.

about 2 months ago

GitHub - mcollina/snipgrapher

https://github.com/mcollina/snipgrapher

Snipgrapher: CLI Tool to Generate Images of Code Snippets — Whether from code files, stdin, or an inline source. It uses the powerful Shiki syntax highlighter, but with a built-in fallback option.

about 2 months ago

Where to Find the Colors Your Screen Can’t Show You

https://moultano.wordpress.com/2026/06/19/where-to-find-the-colors-your-screen-cant-show-you/

Where to Find the Colors Your Screen Can’t Show You — We may now have fancy displays and a slew of expanding color capabilities at our disposal (P3, OKLCH, color()), but there are still real-world colors screens can’t reliably reproduce. Ryan takes us on a fascinating journey of just what those colors are: “There are around 500 species of birds with colors outside the sRGB gamut”.

about 2 months ago