Skip to contentSkip to footer

The perfect responsive menu (2021)

2 min read. Posted on May 30, 2021

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

Device testing is not enough

3 min read. Posted on May 27, 2021

When you get started with responsive design, you wouldn't be wrong to think it's all about devices. Questions like "which size to use for mobile" quickly come up, and most testing is done on developers' own devices…

Read Article

Polypane 6: Peek, Webvitals, new simulators & Chromium 91

8 min read. Posted on May 12, 2021

Polypane 6 is now available! It's another packed release with new features, simulators, performance improvements and a new version of Chromium powering it all. Read on to learn about all the cool new things we have for…

Read Article

Don't you forget about me: overlooked breakpoints in responsive design.

3 min read. Posted on April 23, 2021

We get it, there's infinite breakpoints you need to test on and only so much hours in a day, so some breakpoints just get a little more attention than others. You focus most of your time on the devices you have. At…

Read Article

How to find broken links with Polypane

6 min read. Posted on April 12, 2021

Broken links, or "dead links", on your website are links that go to a URL that doesn't work. Sometimes this is because the site you're linking to has gone offline or has a server error, sometimes it's because there is a…

Read Article

Polypane 5.1: Web components support

3 min read. Posted on April 1, 2021

Polypane 5.1 introduces support for web components across the application, many improvements to the Outline panel and Contrast checker. There an updates to the Chromium version, Google fonts list and accessibility…

Read Article

Checking webpage quality in 5 minutes with Polypane

8 min read. Posted on March 29, 2021

In this article we'll check the quality of a web page in about 5 minutes, from meta info to accessibility. Polypane has many features that make it easy to see different parts of your site, inspect them for issues and it…

Read Article

Polypane 5: Console popups, performance and focus overview

8 min read. Posted on March 4, 2021

Polypane 5 is out with new ways to see your console messages, new performance settings and a new focus order overview. It has a new Chromium version (89), many performance improvements, updated UI elements and new debug…

Read Article

How Maurits Meester combines front-end development with beer

5 min read. Posted on February 9, 2021

Maurits is a freelance front-end developer and co-founder of Brouwerij Victorie , a brewery in Amsterdam with a gorgeous website. We spoke with him about beer (naturally), e-commerce and Henri's, a Sass design toolbelt…

Read Article

Faking container queries with CSS Grid

4 min read. Posted on February 2, 2021

Container queries are an (hopefully) upcoming feature in CSS that will let you create responsive designs that respond to the dimensions of their container (like a div or other HTML element) rather than the dimensions of…

Read Article

Debug your visual hierarchy with the squint test

3 min read. Posted on December 11, 2020

"The squint test" is a method to get a feel for the visual hierarchy of your page and the name is quite literally what you're supposed to do. When you squint your eyes and move away from your screen a little you distort…

Read Article

How Sergio Mattei made the next Makerlog 6x faster with Polypane

2 min read. Posted on December 1, 2020

Sergio is the creator of Makerlog , a web app that lets Makers log their progress [including me - Kilian] and he is building the next version using Polypane. We interviewed him about his challenges and how Polypane…

Read Article