Blog
The latest updates, web development tips and tricks, and in-depth articles about Polypane.
Page 1 of 12Next Page →
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…
Polypane 28: Project improvements, Elements panel updates and Chromium 146
The first release of 2026 comes with plenty of improvements to Projects, the new Environments feature prevents you from confusing production for localhost, the Elements panel is faster and more powerful than ever, and…
Understanding the fundamentals of CSS Layout
When developers say that CSS is hard, they're usually talking about CSS layout. What often gets omitted though is that developers are assumed to understand and effectively use CSS without being taught how it works in the…
Stay up to date by subscribing to our newsletter, our RSS or by following us on social media.