Blog
The latest updates, web development tips and tricks, and in-depth articles about Polypane.
Page 1 of 12Next Page →
Polypane 30.1: Selector specificity insights, server HTML validation, and more
Polypane 30.1 adds selector specificity highlighting to the elements panel, a new server-sent HTML view in the sources panel, passkey support on Linux and a bunch of improvements and fixes. Like Polypane 30 this release…
Polypane 30: Playgrounds, Side Panel extension API, updated video recording and Chromium 152
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 Network panel improvements, and includes a fully rewritten video…
Using chrome-devtools-mcp with Polypane
The recently released chrome-devtools-mcp allows you to connect your coding agent (like GitHub Copilot) to a running Chromium instance to inspect and verify changes in the actual DOM. Thanks to changes made by the…
Cheatsheets for flex, grid, anchor positioning and invoker commands
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 people really liked them at our booth, so we decided to make…
CSS breakpoints used by popular CSS frameworks
When using a CSS framework it often doesn't matter what devices people use. These frameworks come with their own set of CSS breakpoints with components that work well with those breakpoints. Instead of configuring…
Experimenting with the new pure CSS random() function
CSS is getting a random() function that lets you set properties with a random value, opening up a ton of interesting creative possibilities. In this article, I’m taking an early look at the function to see how it works…
How to find the cause of horizontal scrollbars
One of the most time consuming issues when it comes to web development is debugging horizontal scrollbars . They're easy to overlook while developing (especially on macs) and if users scrolls horizontally, your layout…
Using safe-area-inset to build mobile-safe layouts
Modern phones are not simple rectangles. They have rounded corners, camera cutouts, dynamic islands, and home indicators that double as gesture areas. Browsers know the dimensions of all of these and expose the parts…
Polypane 29: New network panel, snippet store and Chromium 148
Polypane 29 introduces an updated panel UI, a new network panel for inspecting requests, a new snippet store for discovering and installing snippets, and a custom selectors overview in the outline panel, plus many other…
Find and fix accessibility issues with Polypane
At Polypane, accessibility is one of the three core areas we focus on, along with performance and responsive design. If you're not familiar with Polypane, it's a web browser specifically for web developers. It has all…
The Intl API: The best browser API you're not using
Chances are you've used Moment.js , date-fns , Luxon , or numeral.js at some point. Developers have relied on these libraries for years to format dates, numbers, and currencies. Those are all very useful libraries…
How to debug the @starting-style at-rule in Polypane
The @starting-style at-rule makes it possible to animate in elements as you add them to the DOM, something that previously needed JavaScript trickery to achieve. In this article, we'll go over how to use @starting…
Stay up to date by subscribing to our newsletter, our RSS or by following us on social media.