Skip to contentSkip to footer

The complete guide to CSS media queries

23 min read. Posted on March 6, 2023

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…

Read Article

Forced colors explained: A practical guide

10 min read. Posted on March 6, 2023

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…

Read Article

Using Polypane to check a website with James Q Quick

1 min read. Posted on February 17, 2023

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…

Read Article

Building a lightbox with the Dialog element

7 min read. Posted on February 8, 2023

The dialog element lets you overlay content on top of your site in something called the "top layer", which is a special layer that sits above all other content. This way you never have to worry about your dialog being…

Read Article

Polypane 13: CSS Nesting, extension support in beta, search by selector and Chromium 110

8 min read. Posted on February 1, 2023

Polypane 13 is here! We're launching beta support for regular browser extensions, have a new way to search for elements and have added support for CSS Nesting in the elements inspector. Polypane 13 also runs on Chromium…

Read Article

Polypane on

1 min read. Posted on January 4, 2023

On December the 30th Kilian was a guest on the Supper Club to talk about Polypane. Wes, Scott and Kilian spoke about Kilians background, how he came up with Polypane, how it's built and how different features…

Read Article

:where() :is() :has()? New CSS selectors that make your life easier

10 min read. Posted on January 3, 2023

When people talk about CSS complexity, a major contributor to that is CSS specificity, or writing effective CSS selectors. The more you add to a CSS selector, the more precise it is, but also, the more specific it is, so…

Read Article

Polypane 12: introducing the Command bar

7 min read. Posted on December 12, 2022

Polypane 12 introduces our new command bar, that you can use to control any part of the app without leaving your keyboard. We also improved the reference image, color picker and screenshot features, added new…

Read Article

Polypane 11: JSON viewer, new accessibility tools, Chromium 106, iPhone 14 devices and screenshot updates

13 min read. Posted on October 4, 2022

Polypane 11 now renders JSON files in a completely new viewer, adds a ton of new accessibility testing features and improves upon existing ones, updates the rendering engine to Chromium 106, includes new iPhone 1…

Read Article

The breakpoints we tested in 2021 & 2022, and the ones to test in 2023

4 min read. Posted on September 28, 2022

Which screen sizes to design, build and test on is a perennial topic in web development. While well-built responsive websites will work at any size, during development it's easier to use a small number of sizes to check…

Read Article

Thanks iPhone 14, designing for device sizes is dead

3 min read. Posted on September 15, 2022

Back when the mobile web just got started, mobile design was simple ( wasn't, but bear with me) . Your site had to fit 320px wide and it would work for "Mobile". 320px is the width of the original iPhone and…

Read Article

How Blhack doubled their development speed with Polypane

1 min read. Posted on September 6, 2022

We are Blhack , an Italian software house. We develop tailor-made solutions for our customers' needs. Our technology stack is based on Ruby on Rails and React. We are also very active in the e-commerce ecosystem with…

Read Article