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
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
Polypane. For devs who care@polypane.app · 2mo agoWe’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 :)
Web Standards@web-standards.dev · last mo.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.
Manuel Matuzović @matuzo.at · last mo.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!
Kilian Valkhof@kilianvalkhof.com · last mo.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!
Kilian Valkhof@kilianvalkhof.com · 2mo agoI'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 🤯
Agustin Capeletto@lowpoly.gg · 2mo agoI'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
The commandForElement lets you link to an element via JS directly, no need to give it an ID. Next version of @polypane.app is smart enough to show that link in the elements panel. More info here on MDN: developer.mozilla.org/en-US/docs/W... via @rikschennink.com
HTMLButtonElement: commandForElement property - Web APIs | MDN
The commandForElement property of the HTMLButtonElement interface gets and sets the element to control via a button.
developer.mozilla.org
Kilian Valkhof@kilianvalkhof.com · 2mo agoStop the time! Implementation finished
Still recovering from an amazing two days of #CSSDay. Thanks everyone that came by my little booth and let me geek out about everything in @polypane.app! If you got a sticker and stuck it somewhere cool, share a photo with me ❤️ (photo by @sjoy.lol)
As you may clocked from my posts, today I am the MC for #CSSDay 2! Limited chance today of free marketing on my t-shirt! @developer.chrome.com (one of our sponsors), #IndieWeb and @polypane.app My hands have only just now stopped shaking 😁 * terms and conditions apply
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!
@polypane.app should use this in their marketing 😆 polypane.app/docs/horizon... - faster & cheaper than AI
Horizontal overflow detection | Polypane
Polypane will automatically check panes for horizontal overflow issues and show an icon below a pane when it finds either a horizontal…
polypane.app
Some of them might even get fixed during #cssday. 😏 I’ll be at the @polypane.app booth and I’m up for a challenge!
Patrick Brosset@patrickbrosset.com · 2mo agoThis has been a common theme today at #cssday and it’s true: complaining about broken stuff in browsers is a great way to get them fixed! Don’t silent. Let us know. Have a new idea: write a blog post!
Are you excited by @joshtumath.uk's #CSSDay talk on text-scale and want to start using and testing adjustable text sizes? We already let you emulate different font sizes today, and our upcoming release brings support for emulating and inspecting text-scale! Come to our booth for a live demo!
We’re at @cssday.nl today and tomorrow! Come check out Polypane, chat with @kilianvalkhof.com, grab some stickers and pins, an extra long CSS Day trial or even one of our new (and exclusive for CSS Day!) cheat sheets on flex, grid, anchors and invokers!
