Public list by ~frontendfocus
https://ishadeed.com/article/range-syntax/
How to Use the Media Queries Range Syntax for Better Breakpoints â Set min-width: 300px and max-width: 300px at exactly 300px and both rules fire. Ahmad's solution? Ranged media queries. The syntax is widely supported, can also be used for container queries, and is easier to read and debug.
4 months ago
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
https://jadjoubran.io/blog/web-platform-influenced-by-libraries
9 Times the Web Platform Was Influenced by Libraries â Highlights how various libraries often do the âR&D work in productionâ for various web platform features that eventually end up as native APIs. A walk down memory lane for many, no doubt.
4 months ago
https://polypane.app/blog/using-safe-area-inset-to-build-mobile-safe-layouts/
Using safe-area-inset to Build Mobile-Safe Layouts â The âsafe areaâ is the portion of the viewport guaranteed to be free from being obscured by system UI, notches, etc. and safe-area-inset lets you use values in your CSS to avoid content falling into such areas.
4 months ago
https://frontendmasters.com/blog/css-n-of-selectors-for-conditional-validation/
CSS 'n of' Selectors for Conditional Validation â Preethi looks at the lesser known n of syntax in CSSâs :nth-child() selector and pairs it with :has(), creating a clever form validation system, all without using JavaScript.
4 months ago
https://css-tricks.com/the-importance-of-native-randomness-in-css/
The Importance of Native Randomness in CSS â The âdeterministic by designâ nature of CSS means that achieving true randomness requires workarounds (like JavaScript, preprocessors, or server-side work). This post looks at the options, and makes the case for native variation tools that can take CSS from just a styling language into a generative layout system.
4 months ago
https://hacks.mozilla.org/2026/05/trustworthy-javascript-for-the-open-web/
Trustworthy JavaScript for the Open Web â Web Application Integrity, Consistency and Transparency (WAICT) is an emerging spec for verifying that the JavaScript running in a browser actually matches what the site published (here's a deeper explainer). A prototype is now live in Firefox Nightly behind a flag.
4 months ago
https://hidde.blog/web-ai-breakout/
Open Web vs AI: What Can W3C Do? â A write-up of a recent W3C Advisory Committee meeting where discussions were held on the threats the open web faces and what to do about it.
4 months ago
https://dbushell.com/2026/04/15/containment-breach-in-cascade-layer/
Warning: Containment Breach in Cascade Layer! â A PSA from David here: âI discovered a whole new level of specificity hell.â
4 months ago
https://css-generators.com/fancy-frame/
Fancy Frames: A Pure CSS Generator for Squiggly/Wavy Frames â You probably havenât seen a CSS generator like this one. It allows you to customize the size of the 'wavy' portion (the frame), along with radius, horizontal/vertical granularity â all based on clip-path syntax.
4 months ago
https://misery.co/shaderpad/
ShaderPad: Add a Shader to Your Website Without the Boilerplate â A lightweight, dependency-free WebGL shader library for embedding âstunning creative effectsâ on pages. Repo here. I gave it a go, creating this animated rocket.
4 months ago
https://go.clerk.com/UtqUc3F
Clerk CLI: Scaffold Auth and Manage Config from Your Terminal â Run clerk init to scaffold auth, clerk config to manage sign-in methods in code, Clerk API to query users.
4 months ago
https://addfox.dev/
AddFox: A Browser Extension Development Framework Based on Rsbuild â Has support for Firefox and Chromium browsers, and has lots of developer-oriented features like HMR, test flows, works with any framework, and lots more. GitHub repo.
4 months ago
https://bendansby.com/apps/stylebop.html
StyleBop: A Native Visual CSS Editor for macOS â A visual CSS editor for Mac. You can browse your stylesheets as node diagrams, edit variables and properties, and more.
4 months ago
https://www.nicbarker.com/virtual-scrolling
Virtual Scrolling â A neat visual demo that shows one approach for handling a large list. Rather than processing all items, this âvirtual scrollingâ approach only processes the items that are currently visible on screen.
4 months ago