Check out our newest testimonial by @pointc.bsky.social 🤩 See all our latest testimonials here: polypane.app/testimonials/
Polypane. For devs who care
@polypane.app
The missing half of your development environment. Chromium-based workspace for building great websites. Built for web developers who care | Try out for free at https://polypane.app | By @kilianvalkhof.com
Woah. Huge Polypane update.
Polypane 30 is out! 🤩 🛝 Playgrounds: go from .html to multi-device testing in 3 clicks 🔤 text-scale emulation 📹 recording w/ sound 🌐 Network panel filtering & sorting ✨ Sidepanel browser extensions 🔗 Standard.site validation & previews 🌍 Chromium 152 ⛰️ MORE STILL polypane.app/blog/polypan...
The best browser for developers is made by @kilianvalkhof.com.
Polypane 30 is out! 🤩 🛝 Playgrounds: go from .html to multi-device testing in 3 clicks 🔤 text-scale emulation 📹 recording w/ sound 🌐 Network panel filtering & sorting ✨ Sidepanel browser extensions 🔗 Standard.site validation & previews 🌍 Chromium 152 ⛰️ MORE STILL polypane.app/blog/polypan...
Polypane v30 ✨ Network panel got more stable and insightful — see requests alone or grouped by origins, both very useful depending on your optimization angle. Emulating svh overlay is now on by default — always see what’s ACTUALLY above the fold on mobile. Fast startup 💨 Check out the changelog.
Polypane 30 is out! 🤩 🛝 Playgrounds: go from .html to multi-device testing in 3 clicks 🔤 text-scale emulation 📹 recording w/ sound 🌐 Network panel filtering & sorting ✨ Sidepanel browser extensions 🔗 Standard.site validation & previews 🌍 Chromium 152 ⛰️ MORE STILL polypane.app/blog/polypan...
Anything random is a joy to test in @polypane.app by the way, because you really get a feel for how it behaves.
Polypane 30 is out! 🤩 🛝 Playgrounds: go from .html to multi-device testing in 3 clicks 🔤 text-scale emulation 📹 recording w/ sound 🌐 Network panel filtering & sorting ✨ Sidepanel browser extensions 🔗 Standard.site validation & previews 🌍 Chromium 152 ⛰️ MORE STILL polypane.app/blog/polypan...
Polypane 30: Playgrounds, Side Panel extension API, updated video recording and Chromium 152 | Polypane
Polypane 30 introduces Playgrounds so you can open directories as real HTTPS URLs in seconds, adds support for the Side Panel extension API, brings major…
polypane.app
Cheatsheets for Flex, Grid, Anchor Positioning and Invoker Commands, by @polypane.app: https://polypane.app/blog/cheatsheets-for-flex-grid-anchor-positioning-and-invoker-commands/?ref=frontenddogma.com #cheatsheets #css #flexbox #grids #layout
Cheatsheets for flex, grid, anchor positioning and invoker commands | Polypane
For CSS Day this year we created a set of cheatsheets explaining Flexbox, Grid, Anchor positioning and Invoker commands. They came out beautifully and a lot of…
polypane.app
@handle.invalid says @polypane.app is useful for accessibility nerds, so it must be true: www.200ok.nl/tips/polypan...
Polypane and WCAG - 200 OK - Jules Ernst
Jules Ernst, onafhankelijk webadviseur
200ok.nl
Cheatsheets for flex, grid, anchor positioning and invoker commands. Kilian Valkhof shares four CSS references he made after forgetting anchor positioning and grid-area syntax. Free as PDF and PNG in print-ready A5. #css #learn polypane.app/blog/ch...
Remember these? Well, we made them available online using some fun CSS transitions, and we made them available as free print-ready downloads too! Go play with them here: polypane.app/cheatsheets/
Cheatsheets | Polypane
A collection of handy sheets for web devs, covering CSS Flexbox, CSS Grid, Anchor Positioning, and Invoker Commands.
polypane.app
We’re still at @cssday.nl! If you haven’t swing by out booth yet, we have these cool cheat sheets on Flex Grid, Anchor positioning and invoker commands. Come grab some!
Fix contrast automatically makes text readable on sites that have low-contrast text. I've updated it to use a much faster algorithm to go over all contrast pairs, and it's now instant even on large websites. Download for Chrome, Firefox, Edge, Vivaldi, Opera etc: fixa11y.com
FixA11y — improving accessibility
The FixA11y project improves accessibility through smart technology and education.
fixa11y.com
Our helper extension got a new update, adding even more options to help move your workflow over to Polypane. Configure any domain to get a button, full page overlay or let it automatically forward pages to Polypane. Available for all the browsers. Links here: polypane.app/docs/helper-...
Polypane's snippets store has dozens of snippets that add new functionality to Polypane that you can install with a single click. Browse the collection here polypane.app/snippets/
Polypane's snippets store has dozens of snippets that add new functionality to Polypane that you can install with a single click. Browse the collection here polypane.app/snippets/
we're waiting for a fix to Electron to land before we can release the next version but in the mean time we're just building new features. This morning we added support for all the chrome.tabCapture extension APIs, which should bring in support for a whole new range of extensions.
Guess which browser went 29 major versions without having a directory listing feature... Well, not anymore, the upcoming version of Polypane now has a beautiful directory listing! It's fast, responsive, easy to navigate, and part of an exciting new feature we're keeping under wraps for now.
Experimenting With “random()” in CSS, by @polypane.app: https://polypane.app/blog/experimenting-with-random-in-css/?ref=frontenddogma.com #css #randomness #functions #experiments
Experimenting with random() in CSS | Polypane
CSS is getting a random() function that lets you set properties with a random value, letting you make interesting and creative new designs. It's available in…
polypane.app
Works best shown in @polypane.app :)
Experimenting with random() in CSS. Kilian Valkhof, on the Polypane blog, explores CSS random() with demos for bokeh, falling petals, a photo stack, and an aurora. Works in Safari 26.2+ and Chromium 148+ behind a flag. #css #animation polypane.app/blog/ex...
We've been experimenting with CSS´s upcoming Random() function to see what it can do. In the mean time we found a few browser crashes and a way to implement random-item() before it actually lands. Best viewed in Polypane 29+ (For now!) polypane.app/blog/experim...
Experimenting with random() in CSS | Polypane
CSS is getting a random() function that lets you set properties with a random value, letting you make interesting and creative new designs. It's available in…
polypane.app
We've been experimenting with CSS´s upcoming Random() function to see what it can do. In the mean time we found a few browser crashes and a way to implement random-item() before it actually lands. Best viewed in Polypane 29+ (For now!) polypane.app/blog/experim...
Experimenting with random() in CSS | Polypane
CSS is getting a random() function that lets you set properties with a random value, letting you make interesting and creative new designs. It's available in…
polypane.app
I wrote the logic for this so it shouldn't surprise me, but I was very pleased nonetheless to see that @polypane.app's focus order overlay perfectly takes the reading-flow example in @matuzo.at's article into account.
I saw a great introduction to CSS Grid Lanes, aka Masonry Layouts, by @patrickbrosset.com at CSS Day 2026. I liked the versatility of its use cases, but I was also concerned that it's inaccessible by default. matuzo.at/blog/2026/gr...
Will be published on the Polypane blog, so expect lots of examples and demos!
I'm about halfway and 4000 words into an article on `random()` in CSS. Here's an aurora.
What side panel extensions would you like to see in Polypane? Let us know!
I'm implementing the Chrome Extensions sidepanel API so I can support @lloydi.com's wcag lookup extension, but I need a bunch more to test! What are your favorite sidepanel extensions that you'd love to see in @polypane.app ?
We have a huge backlog of ideas and user requests going back all the way to our initial beta in 2017 and some even earlier. They stick around until the timing is right, like adding text selection sync, a backlog item we added on April 12th, 2019 (predating Polypane 1.0!) and that's shipping soon.
No multi-pane view here, since mouse position is not synced. But between Layout debugging and the 3d view, @polypane.app gives you a (super janky) noclip debug mode 🤯
I'm porting Quake to 3D CSS, so it runs in the browser without WebGL. It's open source 👹 Play it! cssquake.com Repo: github.com/LayoutitStud...
With field-sizing landing in Firefox 152, it's now supported across all browsers! Check out polypane.app/blog/field-s... for a refresher (how has it been two years already!)
Field-sizing just works! | Polypane
field-sizing is wild. It's a new CSS property that makes input , textarea and select automatically scale to the size of their content. That means it…
polypane.app