Blog
Tips for responsive design & developer tools
Page 1 of 10
Always open localhost in your development browser
Many development servers will automatically open their URL when you launch them, and without configuration that happens in your default browser. If you use a separate development browser, like Polypane, that can be…
Polypane 22.1: true browser tabs and a new split layout
In this last full release of 2024 we're shipping two big new features and a host of improvements and fixes. The biggest new feature is the introduction of true browser tabs that keep their state, and the second is the…
The devtools features you wish you had, available in Polypane
A while ago Adam Argyle of the Chrome Devtools team asked developers on X/Twitter a question: Adam got a ton of responses with many good suggestions and ideas. After reading through all of them, I realized many suggested…
Clever Polypane Debugging Features I'm Loving by Ryan Trimble
Over on CSS Tricks , Ryan Trimble recently wrote about a feature in Polypane that he just discovered: the different overlays that the Outline panel can show. He writes: "I’m working on a refresh of my personal website…
Polypane 22
In Polypane 22 we added the option to screenshot social media previews, the elements panel has been updated with new element-specific pseudo state options, we've added the latest iPhone and Pixel devices and updated to…
Polypane 21.1
Polypane 21.1 adds scroll syncing to all scrollable areas as well as various improvements and fixes. What's Polypane ? Polypane is the web browser for ambitious web developers. It's a stand-alone browser that shows…
Polypane on the ConTejas Code Podcast
I joined Tejas on the ConTejas Code Podcast to talk about running Polypane from both a technical and strategic/business perspective. We spoke about a lot of different challenges and the trade-offs you sometimes have to…
Polypane 21
This is a boring release, primarily to fix stability issues on some Apple Silicon devices. It's also based on the latest Chromium 128 so that's why it's a major version. Actual new features in the next proper release…
Polypane 20.1: The accessibility tree
Polypane 20.1 adds a live accessibility tree and emulation for the default font-size, Lets you copy and save SVGs as easily as images, has new features in the Meta panel and the Elements panel as well as many…
Getting stuck: all the ways position:sticky can fail
CSS's position: sticky is a dream come true for web developers. It allows elements to switch between relative and fixed positioning based on the scroll position, without needing any JavaScript. It's great for…
Polypane on the JS Party Podcast
I joined the folks at Changelog to talk about all things Polypane and had a great time chatting about everything from the business side of things to nitty gritty details of new features I was working on. Listen to it…
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…