Frontend Focus 🚀
banner
frontendfocus.bsky.social
Frontend Focus 🚀
@frontendfocus.bsky.social
HTML, CSS, web platform, and browser tech news + demos, tricks, and tips (via the Frontend Focus newsletter) 👋 Curated by Chris Brandrick.
Pinned
💌 A once–weekly roundup of the best #frontend news, articles and tutorials.

HTML, CSS, WebGL, Canvas, browser tech, and more: frontendfoc.us
Reposted by Frontend Focus 🚀
How a 💔 Broken Heart made a page 100x slower in Safari: https://allenpike.com/2026/a-broken-heart/
A Broken Heart
Or, getting a 100x speedup with one dumb line of code.
allenpike.com
February 12, 2026 at 2:44 AM
Reposted by Frontend Focus 🚀
Interop 2026 launches today! If you want know on what it includes and what it means for web development — our article provides all the details. webkit.org/blog/17818/a...

Focus areas include Anchor Positioning, Style Queries, contrast-color(), WebTransport and much, much more.
Announcing Interop 2026
Exciting news for web developers, designers, and browser enthusiasts alike — Interop 2026 is here, continuing the mission of improving cross-browser interoperability.
webkit.org
February 12, 2026 at 5:07 PM
State of JavaScript 2025: https://2025.stateofjs.com/en-US/
State of JavaScript 2025
The 2025 edition of the annual survey about the latest trends in the JavaScript ecosystem.
2025.stateofjs.com
February 12, 2026 at 3:44 AM
How a 💔 Broken Heart made a page 100x slower in Safari: https://allenpike.com/2026/a-broken-heart/
A Broken Heart
Or, getting a 100x speedup with one dumb line of code.
allenpike.com
February 12, 2026 at 2:44 AM
Interop 2025: A Year of Convergence - https://webkit.org/blog/17808/interop-2025-review/
Interop 2025: A year of convergence
Interop 2025 has come to a close, and the results speak for themselves.
webkit.org
February 11, 2026 at 11:44 PM
How Browsers Work: An Interactive Guide to How Browsers Work - https://howbrowserswork.com/
How Browsers Work
A guide on how browsers work.
howbrowserswork.com
February 11, 2026 at 7:44 PM
SVG Studio: A Browser-Based Tool for Working with SVGs - https://www.svg.studio/
SVG Studio
Inspect, edit, and optimize SVGs in the browser
www.svg.studio
February 11, 2026 at 6:44 PM
Reposted by Frontend Focus 🚀
The inaugural edition of The CSS Selection is out! Super interesting look into how the top 100k sites use CSS.

I very happily sponsored Barts work on this, go check it out!
Announcing The CSS Selection!

📰 www.projectwallace.com/the-css-sele...

📚 100,000 websites
⏱️ 100+ metrics
🔖 7 chapters

The biggest deep-dive ever into real-world use of CSS across the globe. Dive in and find out some hidden gems. Also, see how much of 'the new CSS' is actually used!
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
www.projectwallace.com
February 6, 2026 at 10:37 AM
Reposted by Frontend Focus 🚀
Wild how far you can push "customizable select" with just #CSS

nerdy.dev/nice-select
February 3, 2026 at 5:26 PM
Reposted by Frontend Focus 🚀
I ported Super Monkey Ball to a website.
You can access it in the replies.
(or just type what you see in the video, I'm not your boss.)
January 26, 2026 at 12:33 AM
Reposted by Frontend Focus 🚀
SVG Filters Are Just Amazing: https://www.amitmerchant.com/svg-filters-are-just-amazing/ (Amit has been experimenting with what we can do with the `filter` property, and shares his findings here.)
SVG Filters are just amazing!
So, lately, I have been exploring Haley Park’s website and it’s pretty cute and well designed. What caught my attention, though, was this water ripple effect on one of the text snippets.
www.amitmerchant.com
January 14, 2026 at 6:44 PM
What Is The Minimum Markup Needed to Create A Modal? https://www.maxdesign.com.au/articles/minimal-modal.html (Your options for building a modal dialog without any or as little as possible JavaScript.)
What is the minimum markup needed to create a modal? - Max Design
A practical look at the minimum HTML needed to create a modal dialog, with an optional enhancement based on real user testing.
www.maxdesign.com.au
January 14, 2026 at 4:44 PM