Public list by ~frontendfocus

Issue 741 - A new HTML element for installing web apps

WebKit Features for Safari 26.5

https://webkit.org/blog/17938/webkit-features-for-safari-26-5/

Safari 26.5 Released: Here's the WebKit Features — Beyond the usual polish, 26.5 includes support for the :open pseudo-class, improvements to the CSS random() function, anchor positioning fixes, support for color-interpolation in SVG gradients, and Origin API support.

3 months ago

Prepare for the rigorous frontend interviews Big Tech is known for.

https://frontendmasters.com/courses/interviewing-frontend-v2/

Prepare for Big Tech Frontend Interviews — Join Evgenii Ray for this detailed video course and land that dream job. Work through complex JavaScript, TypeScript, and UI component challenges, learning strategies to approaching onsite and take-home assignments.

3 months ago

Meet Your Users Where They Are with Obs.js – CSS Wizardry

https://csswizardry.com/2026/05/meet-your-users-where-they-are-with-obs-js/

Meet Your Users Where They Are with Obs.js — Obs.js is a tiny inline script that reads browser signals (latency, bandwidth, Data Saver, battery, CPU, memory) and exposes them as classes on <html> (and via window.obs). You can use these to serve smaller images on weak networks, skip animations on low battery, and adapt to your users’ real-world conditions.

3 months ago

Install web apps with the new HTML install element | Blog | Chrome for Developers

https://developer.chrome.com/blog/install-element-ot

Install Web Apps with the New <install> Element — A new HTML element is available for testing in Edge and Chrome (behind a flag) that renders a trusted 'install' button for web apps with no JS needed. This article digs into the details of how it works and how it compares to the Web Install API.

3 months ago

Control the Speed of Infinite Animations

https://css-tip.com/speed-control/

Controlling the Speed of Infinite Animations — Learn how to control the speed of infinite CSS animations on user interaction, allowing for accelerating, slowing down, stopping, or reversing animations with a CSS variable.

3 months ago

Soon We Can Finally Banish JavaScript to the ShadowRealm | CSS-Tricks

https://css-tricks.com/soon-we-can-finally-banish-javascript-to-the-shadowrealm/

Soon We Can Finally Banish JavaScript to the ShadowRealm — Mat takes us through the in-progress TC39 proposal for running JavaScript in an isolated ‘pseudo-realm’ with its own globals and intrinsics — handy for third-party code and anything you want to keep away from your global scope.

3 months ago

Debugging Next.JS Best Practices: Logs and Tracing

https://sentry.io/resources/nextjs-may-workshop/

Workshop: Debug Next.js Without Switching Tools — Hands-on Sentry workshop on debugging Next.js with high-context logs and distributed tracing. Register today.

3 months ago

Better Browser Caching with No-Vary-Search – CSS Wizardry

https://csswizardry.com/2026/05/better-browser-caching-with-no-vary-search/

Better Browser Caching with No-Vary-Search — No-Vary-Search is an HTTP response header that tells caches which URL parameters can be ignored when matching requests to cached responses. While support is limited in browsers, for now, it's a general HTTP caching extension, so CDNs and shared caches can benefit too.

3 months ago

Six Million Selections Later: How the DMA Is Giving People Browser Choice – Open Policy & Advocacy

https://blog.mozilla.org/netpolicy/2026/05/11/six-million-selections-later-how-the-dma-is-giving-people-browser-choice/

Six Million Selections Later: How the DMA Is Giving People Browser Choice — Two years on, the EU’s Digital Markets Act has been beneficial for Mozilla: “Firefox is selected through a DMA browser choice screen every 10 seconds. That adds up to more than six million Firefox selections”.

3 months ago

Testing Vue components in the browser

https://jvns.ca/blog/2026/05/02/testing-vue-components-in-the-browser/

Testing Vue Components in the Browser — Julia sets up integration tests for her components that run entirely in the browser. She shares the issues she encountered while maintaining her approach of writing JavaScript for the frontend without using Node or server-side tooling.

3 months ago

https://www.npmjs.com/package/web-features-cli

https://www.npmjs.com/package/web-features-cli

wf: A CLI Tool for Looking Up Web Platform Features — A CLI tool for looking up web platform feature support, bugs, and docs, from Patrick Brosset of the Microsoft Edge team. You can install and run it as wf or you can just run it with npx like so: npx web-features-cli "fetch" .. The data is fetched live, too, so it’s always up to date.

3 months ago

Anime.js | JavaScript Animation Engine

https://animejs.com/

Anime.js 4.4: The Flexible Animation Engine for HTML Elements — At ten years old, the ‘animate anything from JavaScript’ library continues to get even better with a new scrambleText effect and auto-grid layout mode for stagger grids. The docs for Anime are truly top-tier.

3 months ago

Cascade — Icons for CSS Properties

https://designsurface.dev/cascade

Cascade: A Set of SVG & React Icons for CSS Properties — A niche set of 97 icons specifically for representing CSS properties (e.g. a square for display: block, a two-column box for display: flex, and so on). Ideal if you're building design tools. GitHub repo.

3 months ago

GitHub - nicobailon/visual-explainer: Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps

https://github.com/nicobailon/visual-explainer

visual-explainer: An Agent Skill That Turns Complex Terminal Output Into Styled HTML Pages — The idea here is to enable your agent to produce a more readable output than ASCII art or box diagrams, especially for more complex concepts like system architecture, diff reviews, and so on.

3 months ago

Find Font: Browse, Compare & Download Fonts

https://www.findfont.co/

Find Font: A Web Tool to Browse, Compare & Download Fonts — Includes a live comparison tool and an AI-powered font-pairing tool, with 5000+ free curated fonts to select from, in 50+ categories. You can view trending fonts, new additions, and compare up to 10 fonts on the same page.

3 months ago