Blog

Tips for responsive design & developer tools

Color contrast checker that makes suggestions for better colors

2020-3-30

For the past week or so I've been helping out with Coronastatus , an online platform that's now live in 20+ countries where people can self-report their health status in relation to the COVID-19 pandemic. One of the…

Read Article

Polypane 3: browser tabs and dark mode emulation

2020-3-2

Polypane 3 is now available and comes with two big new features: Media Feature emulation and Browser tabs , as well as an upgrade to Chromium 80. To allow for browser tabs we also updated the rest of the UI to match…

Read Article

Polypane is now part of the GitHub Student Developer Pack

2020-2-25

We are super proud to announce that Polypane is now part of the GitHub Student Developer Pack . Eligible students get free access to Polypane for a year and can sign up starting today by authenticating with GitHub here…

Read Article

CSS specificity calculator

2020-2-24

If an element is targeted by multiple selectors, browser use the specificity of the selector to determine which styling to apply. Each selector has a specificity that is determined by what you use in that selector…

Read Article

4 CSS layouts without using media queries

2020-1-22

Do you always need media queries to make a website responsive? With flexbox and grid you can make responsive layouts without having to define fixed breakpoints with media queries. Adam Argyle recently showed us a tweet…

Read Article

Polypane 2.1: Edit all your panes at the same time

2020-1-14

With Polypane, we want to give you better insights into your site and make the entire developer/designer workflow faster. With Polypane 2.1, we've made some huge improvements for both of those goals. What's new? Quick…

Read Article

Responsive Design Glossary

2019-12-2

With responsive design come a lot of new terms and concepts and there wasn't really a single place that listed them all with explanations in plain English. So we created one. No super long articles that bury the…

Read Article

Polypane 2: device emulation, new modes and simulators

2019-11-6

Polypane 2 is out! In Polypane 2 we're introducing a bunch of often-asked for features, like full device emulation, filtering and a vertical view mode but also some completely new functionality that just might change how…

Read Article

Polypane 1.3: Full page mode and screenshot improvements

2019-9-24

Polypane 1.3 adds a full page mode, screenshot improvements and shortcuts for the quick switcher, as well as laying the groundwork for the upcoming Polypane 2. What's new in this release? Full mode Show a site in the…

Read Article

The perfect responsive menu (2020)

2019-9-20

On a desktop, websites have the space to show the full menu or navbar. On a mobile device that space isn't there and you want to hide the menu behind a toggle (like a hamburger icon), then show it when people click that…

Read Article

Give your eyes some rest with dark mode in Polypane

2019-8-27

Whether you like your entire OS to be in dark mode or not, sometimes it's just nice to dim an application and gives your eyes a little rest. That's exactly what dark mode in Polypane, one of our most requested features…

Read Article

Polypane 1.2: Dark mode, Full page screenshots, Live reloading and more

2019-8-22

There is a new version of Polypane available! It brings dark mode, live reloading, full page screenshots and a ton more great features. Read on for the details. To check out the latest version, start your trial . What's…

Read Article

Polypane 1.1 release notes

2019-7-8

Update 1th aug 2019: Polypane 1.1.1 is now available with the following bugfixes: Fix : zoom-to-fit on Windows (it got broken in 1.1, sorry!) Improvement : better breakpoint detection for certain sites Improvement…

Read Article

Responsive design ground rules for 2020

2019-7-2

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…

Read Article

Responsive CSS breakpoints for the top 50 websites 2019

2019-5-27

With Polypane, it's simple to see a website in all the responsive widths it's designed for. Polypane intelligently parses the CSS and finds all the media query declarations. We looked at the top 50 websites worldwide…

Read Article

Why you need a development browser

2019-4-25

You're probably looking at this site in Google Chrome or Firefox. That's fine, that's exactly what they're for: browsing the web, and being really, really good at browsing the web. They're built for that. They're built…

Read Article

Roadmap, and why Polypane is a subscription

2019-3-30

Hi, I'm Kilian. I'm the solo developer of Polypane. Let me tell you about why Polypane is a subscription, and what that means for the roadmap. Polypane is a subscription so that I can focus on adding new features…

Read Article