Blog
Tips for responsive design & developer tools
Page 1 of 8
Announcing Polypane Cloud: Accessibility testing for entire sites
Today we're announcing Polypane Cloud . A new product that allows you to test the accessibility of an entire site in one go, based on all the tests and checks we've developed for Polypane in the last couple of years. It…
Polypane 15: Fully featured browser in the browse panel, performance improvements, Chromium 116 and more
In Polypane 15 we rebuilt the browse panel so that it's now a fully featured browser with tabs, pinned tabs, search and autocomplete. We also improved performance throughout the app, added new features to the elements…
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…
Offset parent and stacking context: positioning elements in all three dimensions
They are fundamental CSS concepts you use every single day whether you know it or not: the offset parent and stacking context . In this article we'll explore how you can use them to position elements in all three…
Polypane 14.1: Container query support, forced element state and contrast lines in color pickers
Container queries in the Polypane Elements panel, color pickers now show contrast lines, the ability to force pseudo states like hover or focus on elements, a new Cascade layer tree overview, new devices and better…
Polypane 14
Polypane 14 is here! In this release we added support for testing with multiple sessions, a new Elements Debug panel to quickly help you debug issues, an updated UI, new screenshot options, performance and UI…
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…
ColorContrast.App: a new place for our color contrast checker
We first released our color contrast checker three years ago. At the time it was one of the first ones that gave suggestions , based on the needs I had while working on an open-source corona tracking app. Later on the…
Polypane 13.1
Polypane 13.1 is here! In this release we retooled our build system from webpack to Vite, which has improved the startup time and UI performance of Polypane by about 20%. 13.1 also adds network requests to the Console…
Polypane on PodRocket
On April 5th Kilian was a guest on the PodRocket podcast . Together with Paul Mikulskis we chatted about Polypane, developer experience, and more! Listen to it here Thanks PodRocket for having me on!
Forced colors explained: A practical guide
Forced colors is a CSS media query that when active radically changes the way your site looks, without any of your input. In this article we'll explore where it comes from, how it changes your site and how you can adapt…
Using Polypane to check a website with James Q Quick
Together with James Q Quick Kilian showcased how Polypane can be used to find issues and suggest improvements on a live website. During the livestream Kilian and James went through his new portfolio site and checked…