Skip to contentSkip to footer

Forced colors explained: A practical guide

10 min read. Posted on March 18, 2024

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

Polypane 18: Introducing Polypane Portal

10 min read. Posted on February 22, 2024

With Polypane Portal you can now build and test your sites across all browsers, engines and devices, all without leaving Polypane. We added new features to element inspection, the document outlines and the meta data…

Read Article

Field-sizing just works!

4 min read. Posted on January 30, 2024

field-sizing is wild. It's a new CSS property that makes input and textarea automatically scale to the size of their content. That means it replaces a bunch of different techniques that all require JavaScript to…

Read Article

My take on fading content using transparent gradients in CSS

3 min read. Posted on January 19, 2024

Two days ago Amit Merchant wrote a blog post on a technique to fade text out using an overlaid element based on the design of Trunk.io . He walks through how he came to this solution so go check out the article to see…

Read Article

Polypane 17.1

2 min read. Posted on January 18, 2024

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…

Read Article

Experimental Chromium Web Platform Features

2 min read. Posted on December 19, 2023

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…

Read Article

Polypane 17: Meta panel updates, Reference image split slider and Chromium 120

8 min read. Posted on December 15, 2023

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…

Read Article

Using Selectlist in React

2 min read. Posted on November 15, 2023

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…

Read Article

Developing for color blindness with Polypane

3 min read. Posted on November 13, 2023

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…

Read Article

Responsive design ground rules (updated for 2024)

6 min read. Posted on November 3, 2023

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

Polypane 16: workflow improvements, scoped styles and Chromium 118

6 min read. Posted on October 30, 2023

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…

Read Article

The complete guide to CSS media queries

23 min read. Posted on October 26, 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