Public list by ~frontendfocus

Issue 742 - Google I/O and the 'era of the agentic web'.

webcompat.dev

https://webcompat.dev/

webcompat.dev — A map that helps us see and understand the connections between various web compatibility tools and resources. It has just over 30 listed right now — It’s a neat idea that could be fleshed out further as a visual discovery aid.

3 months ago

Modern Web Guidance | Chrome for Developers

https://developer.chrome.com/docs/modern-web-guidance

🤖 Build with Modern Web Guidance — Also announced at I/O is this new set of “evergreen and expert-vetted” AI skills. It works with a slew of popular coding agents and can assist with best practices and patterns across UX, performance, accessibility, layouts, and more. Repo here.

3 months ago

Expo

https://try.expo.dev/front-end-focus

Your React App Can Run Natively on iOS and Android — Expo is the framework the React Native team recommends. It gives you file-based routing, API routes, SSR, and static rendering across web, iOS, and Android. Same React patterns you write today, with native performance on every platform.

3 months ago

Moving away from Tailwind, and learning to structure my CSS

https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/

Moving Away from Tailwind, and Learning to Structure My CSS — Some eight years after picking up Tailwind, Julia shares how she has migrated two of her sites back to semantic HTML and vanilla CSS — noting what she learned about structuring CSS along the way.

3 months ago

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

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

Firefox 151 Release Notes for Developers — This version shipped yesterday — it finally brings desktop support for the Document Picture-in-Picture API, along with the @container CSS at-rule now supporting style() queries.

3 months ago

Better fluid sizing with round()

https://ishadeed.com/article/css-round/

Better Fluid Sizing with round() — Ahmad, in his typically accessible style, writes about how the well-supported CSS round() function can now be used to help create predictable fluid sizing. He notes how it pairs well with clamp() to assist on sizing, typography, and spacing. The result? Cleaner and easier to maintain type scales, along with refined responsive layouts overall.

3 months ago

600+ million people write right-to-left: 2 fixes your app needs—Martian Chronicles, Evil Martians’ team blog

https://evilmartians.com/chronicles/600-million-people-write-right-to-left-2-fixes-your-app-needs

600+ Million People Write Right-to-Left: Two Fixes Your App Needs — An evergreen reminder that hundreds of millions of people write right-to-left, and yet many dev tools treat this as an afterthought. This post looks at how in most instances the fix is simple enough: just two HTML attributes.

#typescript #javascript #css #next.js #developer products

3 months ago

15 updates from Google I/O 2026: Powering the agentic web with new capabilities, tools, and features in Chrome | Blog | Chrome for Developers

https://developer.chrome.com/blog/chrome-at-io26

15 Updates from Google I/O 2026 — Google’s I/O conference began yesterday, with the keynote focusing on “the era of the agentic web”. This post runs through the notable announcements for developers, including the proposed WebMCP standard, automated debugging in DevTools, the HTML-in-Canvas API, the introduction of a Baseline Checker tool, and using AI skills directly in Chrome.

3 months ago

Gap decorations: Now available in Chromium | Blog | Chrome for Developers

https://developer.chrome.com/blog/gap-decorations-stable?hl=en

Gap Decorations: Now Available in Chromium — Imminent versions of both Chrome and Edge will support CSS gap decorations — a nice way to easily style the gaps found between grid, flexbox and multi-column layouts, without the need for pseudo-elements or borders.

3 months ago

A few ways of specifying per-theme colours in only CSS — Chris Morgan

https://chrismorgan.info/css-themed-colours

Seven Ways of Specifying Per-Theme Colours in Only CSS — A handful of CSS-only approaches to per-theme colours, with auto, light, and dark all handled — including palette variables. A solid practical reference if you're rebuilding a theming system.

3 months ago

Cross-Document View Transitions: The Gotchas Nobody Mentions | CSS-Tricks

https://css-tricks.com/cross-document-view-transitions-part-1/

Cross-Document View Transitions: The Gotchas Nobody Mentions — A technical look at some of the pitfalls to be aware of when setting up native view transitions (including changes to implementation), along with practical steps needed to overcome them.

#view transitions

3 months ago

The Boring Internet

https://www.terrygodier.com/the-boring-internet/ascii

The Boring Internet — “The internet you grew up on isn’t dying. A commercial veneer glued on top of it is”.

3 months ago

SVG Studio: Animate Everything

https://www.svgstudio.org/

SVG Studio: A Browser-Based Animation Tool — Offers an easy-to-use layer-based experience with a keyframe timeline, animatable properties, easing functions, loop control, undo/redo, among other features. Helpfully, there’s a demo file you can mess around with when you launch the app.

3 months ago

API Keys General Availability

https://go.clerk.com/CZr7GRE

Add User-Scoped API Keys to Your App with Clerk — Users generate credentials that delegate access to your API. Manage via the Backend SDK or Clerk Dashboard. Free tier included.

3 months ago

https://qitejs.qount25.dev/

https://qitejs.qount25.dev/

Qite.js: A Frontend Framework for People Who 'Hate React and Love HTML' — Think htmx or similar with declarative HTML. This solution boasts no build step, no virtual DOM, SSR-first, and can be incorporated with native web APIs. Source code.

3 months ago

Pica - high quality image resize in browser

https://nodeca.github.io/pica/demo/

🖼️ Pica 10.0: High Quality Image Resizing in the Browser — High quality in-browser image resizing that leans on WASM and Web Workers or falls back to pure JS as necessary. GitHub repo.

3 months ago

Try Tiger Cloud Free: $1,000 Credit | Tiger Data

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