Public list by ~frontendfocus
https://css.graphics/pipes/
The Windows 'Pipes' Screensaver Built in CSS — Here's the much-loved Windows NT Pipes screensaver, but reimagined in CSS form. It's powered by the cssGraphics library and the PolyCSS engine (a CSS 3D engine).
8 days ago
https://master.dev/blog/typographic-css-tricks/
🪄 Five CSS Properties You Should Know for Better Text Designs — A review of some techniques for sprucing up text on the web with CSS. There's code and demos showing how background-clip, box-decoration-break, and letter-spacing can add some wow factor.
8 days ago
https://master.dev/courses/frontend-architecture/
Frontend Architecture: Monoliths to Microfrontends — Maxi Ferreira walks through modular monoliths, monorepos, and microfrontends so you can pick the right structure for your codebase and know the real cost before you commit.
8 days ago
https://www.youtube.com/watch?v=uOtxiH3QiPg
▶  A Pragmatic Guide to Browser Support — Rachel, a member of the CSS Working Group and Chrome team, runs through recently available CSS and JavaScript web platform additions, and how Baseline clarifies feature support for new and upcoming features.
8 days ago
https://www.bram.us/2026/08/09/unlock-diagonal-scrolling-with-css-scroll-axis-lock-none/
Unlock Immediate Diagonal Scrolling with CSS scroll-axis-lock: none — Browsers try to be helpful and 'rail' your scrolls, locking you to one axis when your gesture is mostly one way. Fine for documents, bad for maps and zoom UIs. scroll-axis-lock: none switches the railing off. Chromium 153+ only for now, but it degrades gracefully.
8 days ago
https://sentry.io/resources/etsy-workshop/
Join Sentry Live: How Etsy Stays Crash-Free — Sentry and Etsy break down how they prep for peak traffic and debug in real time.
8 days ago
https://www.smashingmagazine.com/2026/08/how-baseline-can-help-ship-less-javascript/
How Baseline Can Help You Ship Less JavaScript — Shares a practical approach to auditing your dependencies: Grouping them into clusters (Intl, HTTP, UI primitives, lodash), questions to ask before deleting things, and more.
8 days ago
https://lea.verou.me/blog/2026/dark-mode-toggles/
Dark Mode Toggles: Two States are Enough — A look at how to implement a good dark mode toggle. Lea reminds us that users do not seek out solutions to problems they don’t currently have, and that when it comes to a toggle for dark mode we don't need every state visible in the UI.
8 days ago
https://en.andros.dev/blog/ef4968f5/html-over-websockets-real-time-spas-with-barely-any-javascript/
HTML Over WebSockets: Real-Time SPAs With Barely Any JavaScript — This idea isn't new, but Andros notes it's gained traction recently. Here he outlines a real-time, bidirectional approach, explaining how it works and when it pays off compared to other methods.
8 days ago
https://denodell.com/blog/your-spa-is-leaking-memory-soak-test-it
Your SPA is Leaking Memory: 'Soak Test' It — A look at how to run a Playwright 'soak test' that loops a user flow, watches Chrome's DOM node and listener counts, and fails CI when a memory leak creeps in.
8 days ago
https://termdom.org/
TermDOM: Build Terminal UIs with HTML, CSS and the DOM — Take your web development skills to the terminal with this new project from the creator of Crank.js. Build Node, Bun or Deno-powered TUIs with vanilla JS or any frontend framework. (Flexbox and forms? Yes. CSS Grid? Not yet.)
8 days ago
https://patronview.com/news/99-percent-of-my-website-traffic-is-bots/
99% of My Website Traffic is Bots — Nick shares details of a year-long battle against large-scale bot traffic, looking at how the nature of bot traffic is quickly evolving, and the steps he took to mitigate it (specifically using Cloudflare's rules). A transparent look at a growing site reliability problem.
8 days ago
https://www.w3.org/WAI/eval/report-tool/
WCAG-EM Report Tool — A web-based tool from the W3C that turns your accessibility evaluation findings into a report. Freshly updated to WCAG-EM 2, which widens its scope beyond websites.
8 days ago
https://github.com/GoogleChromeLabs/use-webmcp-tool
🤖 use-webmcp-tool: A Hook for Using WebMCP — WebMCP is an in-development web standard for exposing page-based JavaScript functions for AI agents to use.
8 days ago
https://www.morphicons.com/
Morphicons: Morphing Library for Stroke-Based Icons — To morph an icon, all you do is change a prop. The live demo on the homepage demonstrates the effect well. I like it!
8 days ago
https://dotmatrix.zzzzshawn.cloud/
Dot Matrix: 55+ Dot Matrix-Style Loading Animations, Built With React & Tailwind — Easily customize the color of the animated 'dots' and you can install via the shadcn registry. Toggle dark/light on the page to see the animations on different backgrounds. Source.
8 days ago
https://kigo.studio/tools/critical-css-generator
Critical CSS Generator — Enter your URL and this will extract the minimal CSS needed to render above-the-fold content.
8 days 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