The five best design links, every weekday

Domain: polypane.app

polypane.app

Polypane 15 released

In Polypane 15 we added a new fully-featured browser, made big performance improvements, added a Mastodon preview, improved the elements panel & more

polypane.app

Offset parent and stacking context: positioning elements in all three dimensions

They are fundamental CSS concepts you use every single day whether you know it or not: the offset parent and stacking context.

polypane.app

Polypane 12: introducing the Command bar

Polypane 12 introduces our new command bar and new a11y features and it runs on Chromium 108.

polypane.app

30% discount on Polypane for Black FridaySponsored

Get Polypane for yourself or your entire team! Build better websites in less time with a browser that makes your site more responsive & accessible.

polypane.app

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

Which screen sizes to design, build and test on is a perennial topic in web development.

polypane.app

Thanks iPhone 14, designing for device sizes is dead

Testing on specific device widths is an evolutionary dead end, and the 3px difference between iPhone 14 and iPhone 14 pro just proved it.

polypane.app

Polypane 10: detachable panel, navigation sync, element screenshots and more

Polypane 10 brings a number of often requested workflow features to Polypane like a detachable panel and the ability to turn off navigation sync

polypane.app

Polypane 9.1: Form autofilling, fast overview screenshot and a11y overlays

New features to quickly test forms, a faster screenshot feature, support for the INP web vital and heading and landmark info inside viewports.

polypane.app

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

In this article we're going to focus in on some new features that are available for the CSS selectors: the :is(), :where() and :has() pseudo-classes.

polypane.app

Forced colors explained: A practical guide

We'll explore where Forced Color Mode comes from, how it changes your site and how you can adapt to it.

polypane.app

Always open localhost in your development browser

How to always open localhost in your development browser while opening all other URLs in your regular browser on Mac, Windows and Linux.

polypane.app

How we made the State of CSS more responsive and accessible

Each year, the state of CSS takes a global survey of the CSS landscape.

polypane.app

Polypane 8

A better Elements inspector, performance improvements, Chromium 98, forced colors emulation, focus state sync, ARM support, a new debug tool and more.

polypane.app

The EyeDropper API: Pick colors from anywhere on your screen

With the new EyeDropper API in Chromium, websites can let visitors pick colors from anywhere on their screen.

polypane.app

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

Peek at element just like in design tools, webvitals monitoring for each pane, astigmatism simulators and Chromium 91 with container query support!

polypane.app

Polypane 4: Unified Console, DOM tree in elements panel

Polypane now has a unified console that combines console messages from all viewports and lets you send console commands to all of them too.

polypane.app

Beautiful CSS 3D Transform Perspective Examples

Beautiful CSS 3D transform examples using a single div that you can copy with one click.

polypane.app

The complete guide to CSS media queries

Media queries are what make modern responsive design possible.

polypane.app

4 CSS layouts without using media queries

Do you always need media queries to make a website responsive?