Blog
The latest updates, web development tips and tricks, and in-depth articles about Polypane.
Page 1 of 12Next Page →
Polypane 31: Canvas layout, elements panel improvements and Chromium 155
This release has a new canvas layout that lets you freely arrange panes on an infinite canvas. The elements panel now lets you filter styles, search the DOM tree, quickly navigate to and back from custom property…
The root scroller and how not to lose it
Every page has one main scroll container that scrolls the page itself: the root scroll container, or root scroller for short. Because it scrolls the entire page, the browser gives the root scroller a bunch of features…
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…
The complete guide to CSS media queries
Media queries are what make modern responsive design possible. With them you can set different styling based on things like a users screen size, device capabilities or user preferences. But how do they work, which ones…
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…
Stay up to date by subscribing to our newsletter, our RSS or by following us on social media.