Blog
Tips for responsive design & developer tools
Page 2 of 9
Polypane 17.1
Polypane 17.1 is primarily a bugfix and security release, but contains a few new features and newly supported browser extensions, as well as an updated Chromium. What's Polypane ? Polypane is the web browser for…
Experimental Chromium Web Platform Features
Polypane ships with the "experimental web platform features" flag enabled. This means you get to use a whole bunch of cool features as they're being experimented with in Chromium. What's Polypane ? Polypane is the web…
Polypane 17: Meta panel updates, Reference image split slider and Chromium 120
Polypane 17 ships with new features in the meta panel, a new split slider feature in the reference image tool, an updated console.table, native window controls on Windows and it runs on Chromium 120. What's Polypane…
Using Selectlist in React
Selectlist is an upcoming element that replaces the native select element with a fully stylable and customizable one, while still keeping all the native interactions and accessibility features. It's a sorely needed…
Developing for color blindness with Polypane
While you might know about color blindness, it can be difficult to imagine being color blind. In fact, many people think it means you can't see any color at all, which is not true. Full color blindness, or "Achromatopsia…
Responsive design ground rules (updated for 2024)
Creating a responsive design can be intimidating. There are many moving parts, things might lay out in ways you didn't expect and keeping all various viewports in mind when laying out a design can be daunting. With these…
Polypane 16: workflow improvements, scoped styles and Chromium 118
Polypane 16 ships a ton of improvements to common workflows, updates to the meta panel social media previews, support for @scope in the elements panel, an update to Chromium 118 and more. What's Polypane ? Polypane is…
Where to put text so it doesn't overlap in the new X (Twitter) preview (2023)
X (Twitter) recently updated their link previews to hide both the title and description, and overlaying the domain on top of the image. While this isn't great when it comes to accessibility, discoverability and the…
Using the Intl segmenter API
The Intl API in browsers has a ton of functionality around editing and formatting of text and numbers. While filling in the State of HTML survey I came across one feature I hadn't seen before: the segmenter API…
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…