Public list by ~frontendfocus
https://webkit.org/blog/17967/news-from-wwdc26-webkit-in-safari-27-beta/
What's New in WebKit in Safari 27 Beta — Apple’s WWDC is taking place this week, and Safari 27, coming to iPhone, iPad, and Mac users later this year, is now in beta. It's a big release with 58 new features, from customizable <select> elements to numerous new CSS properties and sizes="auto" support for <img> elements. ▶️ Jen Simmons presents a video roundup.
2 months ago
https://mohkohn.co.uk/writing/html-first/
How Building an HTML-First Site Doubled Our Users Overnight — After two costly failed rebuilds, a public-service application flow was rebuilt around HTML forms, backend-saved progress, and JavaScript used only where it helped, which doubled form completions overnight.
2 months ago
https://frontendmasters.com/courses/playwright/
Master Playwright: Testing & AI Workflows — Catch broken UIs before they ship. Learn Playwright E2E testing and build verification loops that keep agentic coding tools in check.
2 months ago
https://www.matuzo.at/blog/2026/content-aware-headings
Context-Aware Headings in HTML — Manuel explores a new experimental HTML feature called the headingoffset attribute, which allows us to dynamically adjust heading levels based on their nesting depth. “The implementation, as it stands, seems very sensible to me”.
2 months ago
https://frontendmasters.com/blog/the-fundamentals-and-dev-experience-of-css-function/
The Fundamentals and Dev Experience of CSS @function — @function lets you define functions across stylesheets that return a value usable wherever CSS can use one. Jane finds today’s dev experience rough (and support is limited to Chromium-based browsers for now) but sees the potential.
2 months ago
https://utilitybend.com/blog/css-is-filling-the-gaps-with-rules-a-way-to-style-gaps-in-grid-and-flex
CSS is Filling the Gaps with Rules: A Way to Style Gaps in Grid and Flex — A detailed look at the extent of what gap decorations can do with code & demos, plus practical ideas of how to use the feature in practice.
2 months ago
https://www.rotecodefraktion.de/en/blog/css-view-transitions-zwischen-seiten/
CSS Can Now Animate Between Pages: View Transitions Without JavaScript — How cross-document view transitions can bring app-like page transitions to any website with just one CSS rule, no JS needed.
2 months ago
https://sentry.io/cookbook/fix-issues-sentry-mcp-cursor/
Fix Bugs in Cursor with the Context Sentry Already Has — Pull your top issues in plain English, run Seer root cause analysis in the IDE, and apply the fix. Shorter debugging loop.
2 months ago
https://ericwbailey.design/published/you-probably-shouldnt-be-annotating-focus-order/
You Probably Shouldn’t Be Annotating Focus Order — If your HTML is semantic and follows reading order, focus order takes care of itself.
2 months ago
https://master.dev/blog/scrubbable-staggered-animation-with-css-function/
Scrubbable Staggered Animation with CSS @function — A step-by-step look at using a mathematical formula to create a reusable, predictable staggered effect, be that for an animation, scroll progress, or any other input.
2 months ago
https://www.youtube.com/watch?v=ACsHgWwP9Io
▶  Rediscover the HTML Select Element — The select element has had a glow-up of late, and this video shows us it in action. You can now take this default element and have it visually match your site's styling.
2 months ago
https://www.youtube.com/watch?v=hXxdyx6iQN0
▶  Create Web Extensions for Safari — A half-hour deep dive into building and testing a web extension for Safari, without the need to touch Xcode.
2 months ago
https://www.youtube.com/watch?v=NDwoB2PpwgY
▶  Learn CSS Grid Lanes — A ten-minute introduction looking at how grid lanes can be used to arrange differently-shaped elements into clean, flexible layouts.
2 months ago
https://www.youtube.com/watch?v=S-XytKfGCO8
▶  Web Dev Challenge: Rebuild Your Website with ATproto — Contestants get time to plan and integrate ATproto into their sites. I’ve been tinkering around with this. A fun way to learn about it!
2 months ago
https://gridlanes.webkit.org/
The Field Guide to CSS Grid Lanes — The WebKit team has just launched this detailed guide to Grid Lanes. It’s a clearly structured set of interactive playgrounds and demos highlighting how this relatively new CSS feature can be used. A good reference worth bookmarking.
2 months ago
https://aarontgrogg.github.io/NoLoJS/
NoLoJS: HTML/CSS Alternatives to Common JS Patterns — A growing collection of common JS patterns that can now be replaced with HTML, CSS, or very little JS. Think accordions, modals, lazy loading, etc.
2 months ago
https://try.expo.dev/observe-fef
Catch the Regression Before Your Users Do — Stop finding out about perf regressions from App Store reviews. Observe surfaces within hours, tied to the build.
2 months ago
https://www.fontself.app/
🔠 FontSelf: A Tool to Configure Google Fonts for Self-Hosting — You might be self-hosting fonts already, but this could help speed up the process. You can select and configure your chosen font, download a package, and get the CSS.
2 months ago
https://github.com/Ademking/MD-This-Page
.MD This Page: A Browser Extension to Convert Any Web Page to Clean Markdown — Particularly useful for making content LLM-ready, removing ads, UI elements, etc. while maintaining a simple, clear hierarchy.
2 months ago
https://particles.js.org/
tsParticles 4: A Particle Engine for Web Effects — If you want a confetti cannon, fireworks (July 4 is coming up soon), ribbons, fireflies, snow, or similar effects on your pages, this is for you. You can see some live demos here.
2 months ago