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 🚀
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
Reposted by Frontend Focus 🚀
Directional CSS with Scroll-State (Scrolled): https://una.im/scroll-state-scrolled
una.im | Directional CSS with scroll-state(scrolled)
Style based on scroll direction with this new scroll-state query feature.
una.im
January 8, 2026 at 12:44 PM
Reposted by Frontend Focus 🚀
Not All Browser APIs Are "Web" APIs

There's JS APIs in your browser that are little more than facades for cloud services. You might be sending your users' data to them.

polypane.app/blog/not-all...
Not All Browser APIs Are "Web" APIs | Polypane
When we talk about "the web platform", we often treat it as a unified, standards-based system: browsers implement features from the same specifications, even if…
polypane.app
January 9, 2026 at 10:50 AM
Reposted by Frontend Focus 🚀
Introducing the `` HTML element:
developer.chrome.com/blog/geoloca.... This is the evolution of the `` element, and there's cross-browser interest! 📍🗺️
Introducing the <geolocation> HTML element  |  Blog  |  Chrome for Developers
Discover the new way to request user location data.
developer.chrome.com
January 14, 2026 at 7:26 AM
Reposted by Frontend Focus 🚀
Firefox 147 just landed & it's pretty huge in terms of web features:

🎉 CSS anchor positioning
🎉 The navigation API
🎉 View transition types
🎉 Brotli support in Compression/DecompressionStream
🎉 CSS module imports

And more!

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/147
Firefox 147 release notes for developers (Beta) - Mozilla | MDN
This article provides information about the changes in Firefox 147 that affect developers. Firefox 147 is the current Beta version of Firefox and ships on January 13, 2026.
developer.mozilla.org
January 13, 2026 at 2:03 PM
Reposted by Frontend Focus 🚀
Reposted by Frontend Focus 🚀
Adam Wathan of Tailwind CSS:

"75% of the people on our engineering team lost their jobs here yesterday because of the brutal impact AI has had on our business"
feat: add llms.txt endpoint for LLM-optimized documentation by quantizor · Pull Request #2388 · tailwindlabs/tailwindcss.com
Add /llms.txt endpoint that serves a concatenated, text-only version of all Tailwind CSS documentation pages optimized for Large Language Model consumption. Extract text from MDX files, removing J...
github.com
January 8, 2026 at 10:48 AM
color-input: A Modern Color Picker with Support for All Color Spaces - https://github.com/argyleink/css-color-component
GitHub - argyleink/css-color-component: a modern color picker for the web with support for all spaces
a modern color picker for the web with support for all spaces - argyleink/css-color-component
github.com
January 8, 2026 at 2:44 PM
Directional CSS with Scroll-State (Scrolled): https://una.im/scroll-state-scrolled
una.im | Directional CSS with scroll-state(scrolled)
Style based on scroll direction with this new scroll-state query feature.
una.im
January 8, 2026 at 12:44 PM
The first issue of the year is here!

Features links to @nerdy.dev, @lea.verou.me, @jensimmons.bsky.social, @una.im and others.

🚀 frontendfoc.us/issues/723
January 8, 2026 at 10:53 AM
Adam Wathan of Tailwind CSS:

"75% of the people on our engineering team lost their jobs here yesterday because of the brutal impact AI has had on our business"
feat: add llms.txt endpoint for LLM-optimized documentation by quantizor · Pull Request #2388 · tailwindlabs/tailwindcss.com
Add /llms.txt endpoint that serves a concatenated, text-only version of all Tailwind CSS documentation pages optimized for Large Language Model consumption. Extract text from MDX files, removing J...
github.com
January 8, 2026 at 10:48 AM