# Polypane

Polypane is a browser built specifically for web development. It has everything a browser has, plus all the tools you need to ship responsive, fast, accessible, and SEO-friendly websites and apps. Build the way you already build while checking everything in Polypane, instead of testing the rest at the end.

Build, don't browse. Polypane is the (Chromium-based) browser devs use to build sites. Check your site continuously as you build, so you find issues as they happen instead of at QA or in production. 

See every breakpoint: Mobile to 5K. Every breakpoint visible and synchronized.
Catch issues as you build: Structure, metadata, accessibility. Instant feedback while you work.
View everything side by side: Dark mode, light mode, high contrast, reduced motion. All visible at once.

Built in features include automated accessibility audits (WCAG), CSS/JS debugging tools, layout and overflow debugging, network and media-query emulation, and integrations with common frontend workflows. It runs on macOS, Windows and Linux.

The sections below list the most recent releases, link to the full documentation and the blog.

## Changelog

- [Polypane 30.1](https://polypane.live/blog/polypane-30-1-selector-specificity-insights-server-html-validation-and-more.md) (2026-08-28): Polypane 30.1 adds selector specificity highlighting to the elements panel, a new server-sent HTML view in the sources panel, passkey support in Linux and a bunch of improvements and fixes
- [Polypane 30](https://polypane.live/blog/polypane-30-playgrounds-side-panel-extension-api-updated-video-recording-and-chromium-152.md) (2026-08-19): Polypane 30 introduces Playgrounds so you can open directories as real HTTPS URLs in seconds, adds support for the Side Panel extension API, brings major Network panel improvements, and includes a fully rewritten video recording implementation
- [Polypane 29](https://polypane.live/blog/polypane-29-new-network-panel-snippet-store-and-chromium-148.md) (2026-05-04): An updated panel UI, a new network panel for inspecting requests, a new snippet store for discovering and installing snippets, and a custom selectors overview in the outline panel, plus many other improvements and fixes.
- [Polypane 28.0.3](https://polypane.live/blog/polypane-28-project-improvements-elements-panel-updates-and-chromium-146/#polypane-2803-changelog) (2026-03-10): This is a bugfix release.
- [Polypane 28.0.2](https://polypane.live/blog/polypane-28-project-improvements-elements-panel-updates-and-chromium-146/#polypane-2802-changelog) (2026-03-10): This is a bugfix release.

## Documentation

- [Documentation](https://polypane.live/docs.md): Overview and starting point for all Polypane documentation.
- [Frequently asked questions](https://polypane.live/docs/faq.md): Common questions about Polypane.
- [Changelog](https://polypane.live/docs/changelog.md): Full release history of Polypane.
- [Polypane: The Browser Developers Use to Build Websites](https://polypane.live/for-llms.md): What Polypane is, who it is for, and how it compares to Chrome, Firefox and Safari for development.
- [1Password setup instructions](https://polypane.live/docs/1-password-setup-instructions.md): The 1Password desktop app on Linux and Macos can be configured to connect to the 1Password browser extension in Polypane, but it requires you to explicitly add…
- [Accessibility panel](https://polypane.live/docs/accessibility-panel.md): The "Accessibility" tab in the panel runs a comprehensive WCAG audit of your page and shows issues grouped by severity. For a full overview of all…
- [Breakpoints](https://polypane.live/docs/breakpoints.md): Polypane automatically detects width-based CSS media query breakpoints defined in your CSS. The number of unique breakpoints is shown in the header in the…
- [Accessibility overview](https://polypane.live/docs/accessibility-overview.md): Polypane has deep, built-in support for accessibility testing. From automated WCAG audits and contrast checking to focus order visualization, color blindness…
- [Application folder](https://polypane.live/docs/application-folder.md): Polypane stores all of its settings in the Application folder. This includes settings, cache, logs and more. Settings are stored as plain text json files and…
- [Brand guidelines](https://polypane.live/docs/brand-guidelines.md): The following guidelines will help you use our brand and assets, including our logo, content and trademarks. Contact us for any questions regarding the use of…
- [Browse](https://polypane.live/docs/browse.md): The Browse tab in the panel contains a fully featured web browser that you can use to search, look at reference material or use handoff tools. Tabs The browse…
- [Browsersync and Polypane](https://polypane.live/docs/browsersync-and-polypane.md): Browsersync is a development tool that lets you keep multiple browsers showing your URL in sync. Polypane offers that functionality natively, making it faster…
- [Browser features](https://polypane.live/docs/browser-features.md): Polypane is meant as a tool to help you develop your own web pages, but it also includes many of the "regular" browser features for convenience, like history…
- [Command line options](https://polypane.live/docs/command-line-options.md): Polypane has a few command line options. On Linux polypane will be available in your path after installation, so just polypane will work. On Windows and on…
- [Command Bar](https://polypane.live/docs/command-bar.md): The Command bar in Polypane lets you control all parts of the application through a keyboard interface. Bring it up with then start typing the action you want…
- [Color Picker](https://polypane.live/docs/color-picker.md): The color picker eye dropper lets you pick colors from anywhere on the screen, and it's available right from the address bar by clicking the eye dropper icon…
- [Configuring WebStorm to work with Polypane](https://polypane.live/docs/configuring-webstorm-to-work-with-polypane.md): You can configure WebStorm to open Polypane when starting a debug session or as a live reload target. This allows you to debug your code in WebStorm and see the…
- [Configuring Logitech mouses](https://polypane.live/docs/configuring-logitech-mouses.md): Logitech mouses like the MX master series have dedicated buttons for forward and back. On Linux these buttons are automatically recognized by Polypane and can…
- [Console](https://polypane.live/docs/console.md): The Polypane console, available in the panel and by pressing or (on macOS) is a single console for all visible panes. With it you can read out all console…
- [Customizing Polypane](https://polypane.live/docs/customizing-polypane.md): Though Polypane doesn't have a traditional settings panel, there are still plenty of ways to make Polypane your own and configure it in a way that works best…
- [Dark and light mode](https://polypane.live/docs/dark-and-light-mode.md): Polypane has a dark and light interface. You can toggle between them using , or by selecting "Toggle Dark mode" in the View menu. On macOS, Polypane…
- [Data Processing Agreement](https://polypane.live/docs/data-processing-agreement.md): This Data Protection Addendum ("Addendum") is entered into between Firstversionist B.V. (trading as Polypane), registered in the Netherlands (KVK 7426340…
- [Detecting Polypane](https://polypane.live/docs/detecting-polypane.md): You might have various reasons for wanting to detect that you're running in Polypane. Because Polypane emulates other devices and browsers, those might not…
- [Devtools Panel](https://polypane.live/docs/devtools-panel.md): The Chromium Devtools tab in the panel let you select a pane to open the Chromium devtools for. You can also open the Chromium devtools for a specific pane by…
- [Debug overlays](https://polypane.live/docs/debug-overlays.md): Debug overlays provide specific checks and tooling to help you debug your page. They are split into four categories: Layout Accessibility Content Disable…
- [Developer tools](https://polypane.live/docs/developer-tools.md): Polypane comes with two sets of developers tools: the native Polypane developer tools and the Chromium developer tools. Polypane developer tools The Polypane…
- [Device presets](https://polypane.live/docs/device-presets.md): Polypane comes with a list of pane presets in four different categories: Mobile, Tablet, Desktop and Other. These contain a wide range of common devices, from…
- [Emulation](https://polypane.live/docs/emulation.md): Polypane lets you emulate different user preference media queries, device properties like pixel ratio and user agent, and network conditions, so you can test…
- [Elements Panel](https://polypane.live/docs/elements-panel.md): The "Elements" tab in the panel lets you inspect and edit elements in all panes at once. That means you know exactly how your changes will look in all your…
- [Experimental Chromium features](https://polypane.live/docs/experimental-chromium-features.md): Polypane is a browser for developers, so it comes with some experimental Chromium features turned on by default. This means you can use Polypane to try out…
- [Browser extensions](https://polypane.live/docs/browser-extensions.md): Polypane has support for Chromium developer tools extensions as well as limited support for regular Chromium browser extensions. In the Polypane address bar you…
- [Find elements](https://polypane.live/docs/find-elements.md): Along with Find text in page across all panes, you can also search for elements using CSS Selectors. Open the Find element popup with , by choosing "Find…
- [Global zoom](https://polypane.live/docs/global-zoom.md): In the top right of the Polypane window is a slider that lets you zoom out all panes simultaneously. This way you can make all your panes fit the current screen…
- [Helper extension for other browsers](https://polypane.live/docs/helper-extension-for-other-browsers.md): The Polypane helper extension makes it easy to open your current page or links in Polypane without having to copy and paste the URLs. It will also automatically…
- [Horizontal overflow detection](https://polypane.live/docs/horizontal-overflow.md): Polypane will automatically check panes for horizontal overflow issues and show an icon below a pane when it finds either a horizontal scroll, or an element…
- [Image overlay](https://polypane.live/docs/image-overlay.md): The image overlay feature lets you overlay an image on top of a pane, or show it and your site side-by-side. With this you can quickly compare a site to the…
- [Intro to panes](https://polypane.live/docs/intro-to-panes.md): In Polypane, each viewport is called a "pane". All panes show the same page simultaneously, with your interactions synced across all of them. Each pane can have…
- [Integrations](https://polypane.live/docs/integrations.md): Polypane integrates with several applications and tools. For a quick overview, check out the integrations overview . This page covers in-app integrations…
- [Form autofill](https://polypane.live/docs/form-autofill.md): When working with forms, filling them in every time can take a lot of time even when the content is synced across panes . To help with this, Polypane contains…
- [Review and approval by IT and Security](https://polypane.live/docs/review-and-approval-by-it-and-security.md): This guide gives answers to the most common questions you may be asked by your IT or Security teams in order to get approval for Polypane. For information on…
- [Known issues](https://polypane.live/docs/known-issues.md): These are the known issues in terms of support for various browser capabilities. In future versions some of these might be resolved. While this page contains…
- [JSON and XML viewer](https://polypane.live/docs/json-and-xml-viewer.md): When you open a JSON or XML file in Polypane (either from a URL, or as a .json/.xml file on disk) it is shown in a viewer that shows the JSON or XML in a…
- [Layout debugging](https://polypane.live/docs/layout-debugging.md): With the shortcut you can quickly toggle layout debugging in your panes. This adds outlines to all the HTML elements on the pages letting you quickly analyze…
- [Share panel](https://polypane.live/docs/link.md): When you hover over the address bar in Polypane a QR code icon will appear to the right. Click this to open Polypane's Share panel. Here you can find QR codes…
- [Layouts](https://polypane.live/docs/layouts.md): There are five different layouts in Polypane: Horizontal Vertical Focus Split Full You can switch between layouts by clicking the Layout icon in the address bar…
- [Live/auto reloading](https://polypane.live/docs/live-auto-reloading.md): Polypane includes both live and autoreloading functionality. Live reloading will automatically refresh your CSS, images or the page whenever you change a file…
- [MCP server](https://polypane.live/docs/mcp-server.md): Polypane integrates with the Chromium Devtools MCP server to let your agents hook into Polypane and use it while using your agent of choice. The chrome…
- [Measure text length](https://polypane.live/docs/measure-text-length.md): Select any text in Polypane and right-click it to open the context menu. There you can quickly see the length of the selected text. For broader readability…
- [Mental model of Polypane's browser contexts](https://polypane.live/docs/mental-model.md): Polypane shows your web page in multiple panes simultaneously. This is powerful, but it means your site can behave differently compared to a single tab in a…
- [Message Bus](https://polypane.live/docs/message-bus.md): While Polypane syncs all interaction events, there are some events we can't accurately sync: Closed root web components, since they don't emit events beyond…
- [Meta information](https://polypane.live/docs/meta-information.md): The "Meta" tab in the panel shows the metadata of a page as well as social card previews. Get a quick overview of the way your site is interpreted by bots and…
- [Showing multiple URLs](https://polypane.live/docs/showing-multiple-urls.md): With Polypane, you can show multiple different URLs side by side. Whether it's to compare your local development site with the live production version, testing…
- [Network panel](https://polypane.live/docs/network-panel.md): The "Network" tab in the panel gives you insight into all the resources that are loaded for the current page, including their status, size and load time, as…
- [Manage panes](https://polypane.live/docs/pane-management.md): In horizontal and vertical layouts you can have as many of them as you need. In focus mode, you get a single pane in the center of your view. Adding and…
- [Polypane and local servers](https://polypane.live/docs/other-tools.md): This page covers using Polypane alongside local dev server tools: automatic reloading utilities, the Browsersync proxy, and local hosting tools like WPEngine…
- [Outline Panel](https://polypane.live/docs/outline-panel.md): The "Outline" tab in the panel shows you the page structure in various ways: by headings, landmarks, links, images, forms, focus order or accessibility tree…
- [Polypane Peek](https://polypane.live/docs/polypane-peek.md): The fastest way to get the info for any element is by using Peek. Using Polypane Peek Press and hold alt (on Linux and Windows) or option (on macOS) and…
- [Pane sizes](https://polypane.live/docs/pane-sizes.md): There are a number of different ways to set the size of panes and you are free to use whichever method works best for you: dragging to resize, selecting device…
- [Intro to panel](https://polypane.live/docs/intro-to-panel.md): The Polypane panel is where you can find a ton of information on your page as well as ways to inspect and edit the page. You can open it with , by selecting…
- [Performance](https://polypane.live/docs/performance.md): Polypane can use more resources than a regular browser because each pane runs its own active Chromium instance. That's how Polypane can keep panes in sync…
- [Pitching Polypane](https://polypane.live/docs/pitching-polypane.md): Getting buy-in for a new dev tool like Polypane usually means getting your team or employer on board, and they might have practical questions about how Polypane…
- [Polypane Playgrounds](https://polypane.live/docs/playgrounds.md): Polypane playgrounds let you open any directory on your device as a HTTPS URL on localhost. This lets you use cookies, local storage and features that require a…
- [Sales and Procurement](https://polypane.live/docs/sales-and-procurement.md): This guide gives answers to the most common questions you may be asked by your sales and procurement teams in order to get approval for Polypane. Teams and…
- [Recording](https://polypane.live/docs/recording.md): The pane screenshot menu contains the option to record a pane. This will let you record a video of the pane including sound, all interactions and any active…
- [Reload CSS](https://polypane.live/docs/reload-css.md): With the shortcut you can quickly reload all the CSS in a page without refreshing the entire page. You will also find this option by right-clicking the reload…
- [Polypane Portal](https://polypane.live/docs/portal.md): Polypane portal lets you share your local development environment with other devices and browsers in your network or through a public URL. It works for local…
- [Projects](https://polypane.live/docs/projects.md): Polypane supports a project based workflow that lets you switch between different sets of tabs, settings and bookmarks quickly, making it easy to work on…
- [Rulers, grids and guides](https://polypane.live/docs/rulers-grids-and-guides.md): With Polypane's rulers feature you can easily measure and check alignment and overlay grids, columns and rows on a pane. You can configure these per pane by…
- [Security Policy](https://polypane.live/docs/security-policy.md): This document describes the security practices in place at Firstversionist B.V. (trading as Polypane). Given that Polypane is a single-person company, many…
- [Security](https://polypane.live/docs/security.md): Because Polypane is a browser for developers, it has slightly different security settings compared to other browsers, and will allow you to do more on localhost…
- [Making screenshots](https://polypane.live/docs/making-screenshots.md): Polypane lets you make screenshots of all your panes together, the visible viewport of a single pane, the full height of a single pane or of a single element…
- [Session management](https://polypane.live/docs/session-management.md): With different sessions you can test your web application in various states: logged in, logged out, with different user roles, with different languages etc. To…
- [Setup](https://polypane.live/docs/setup.md): To install and activate Polypane, follow these steps. Step 0: Make sure you have access To use Polypane you need to create an account, or be invited by a…
- [Simulators](https://polypane.live/docs/simulators.md): The Simulators available for panes contain a wide range of different simulations to experience how different impairments affect the way you interact with a page…
- [List of shortcuts](https://polypane.live/docs/list-of-shortcuts.md): Press or while using Polypane to quickly show a dropdown with all the shortcuts for easy reference. This page shows shortcuts for the current platform…
- [Snippets](https://polypane.live/docs/snippets.md): The Snippets panel lets you add and manage JS and CSS snippets that can be applied to all or some of the panes as well as connected browsers through Portal…
- [Source panel](https://polypane.live/docs/source-panel.md): The "Source" tab in the panel shows the rendered and server-sent HTML source of the current page, and you can toggle between the two with the "Rendered" and…
- [Website issues you could encounter](https://polypane.live/docs/website-issues-you-could-encounter.md): Polypane is really good at surfacing issues with websites. For example with our debug tools , outline panel and accessibility panel . A key thing to realize…
- [Switching to Polypane](https://polypane.live/docs/switching-to-polypane.md): Switching to Polypane is an investment that quickly pays off. Like adopting a new IDE or design tool, there's a short adjustment period but you'll be noticeably…
- [Storage panel](https://polypane.live/docs/storage-panel.md): The "Storage" tab in the panel shows the localStorage, sessionStorage and cookies of the current tab and the sessions in it. When you use multiple browser…
- [Tab customization](https://polypane.live/docs/tab-customization.md): Tabs in Polypane can be renamed and given a custom highlight color (also visible in the address bar). These can be configured for a specific tab, or all tabs…
- [Synced interactions](https://polypane.live/docs/synced-interactions.md): Polypane syncs interactions across all panes simultaneously so when you scroll, click, type, select, or hover in one pane, every other pane follows. This means…
- [Polypane UI overview](https://polypane.live/docs/ui-overview.md): Parts of Polypane will be still familiar if you come from a different browser: There's an address bar, forward and backward buttons and a reload button. However…
- [Web Vitals](https://polypane.live/docs/web-vitals.md): Polypane automatically measures Core Web Vitals for every pane as you browse, giving you real-time performance feedback without leaving your development…
- [Responsive debugging workflow](https://polypane.live/docs/responsive-debugging-workflow.md): Responsive bugs are hard to track down when you can only look at one viewport at a time. Polypane shows all your breakpoints side by side and syncs every…
- [Accessibility audit workflow](https://polypane.live/docs/accessibility-audit-workflow.md): Polypane has a wide range of built-in accessibility tools. This walkthrough shows how to combine them for a thorough accessibility audit in one pass. 1. Set up…
- [Social card and Open Graph workflow](https://polypane.live/docs/social-card-and-open-graph-workflow.md): Getting social cards right involves more than writing the correct meta tags. The image dimensions, text truncation, domain display, and fallback behaviour all…
- [Team workflows](https://polypane.live/docs/team-workflows.md): Polypane fits into team development processes in several ways: sharing local work for review, keeping viewport setups consistent across the team, testing…
- [Workspace management](https://polypane.live/docs/workspace-management.md): The "Workspaces" tab in the panel gives you a visual overview of your workspaces , split into the default built-in workspaces and your custom workspaces…
- [Workspaces](https://polypane.live/docs/workspaces.md): Workspaces allow you to save your favorite sets of panes and switch quickly between them. For example, you can have your device lab saved in one workspace, and…

## Blog

- [The root scroller and how not to lose it](https://polypane.live/blog/the-root-scroller-and-how-not-to-lose-it.md) (2026-09-22): Every page has one main scroll container that scrolls the page itself: the root scroll container, or root scroller for short. Because it scrolls the entire page…
- [Polypane 30.1: Selector specificity insights, server HTML validation, and more](https://polypane.live/blog/polypane-30-1-selector-specificity-insights-server-html-validation-and-more.md) (2026-08-27): Polypane 30.1 adds selector specificity highlighting to the elements panel, a new server-sent HTML view in the sources panel, passkey support on Linux and a…
- [Polypane 30: Playgrounds, Side Panel extension API, updated video recording and Chromium 152](https://polypane.live/blog/polypane-30-playgrounds-side-panel-extension-api-updated-video-recording-and-chromium-152.md) (2026-08-18): Polypane 30 introduces Playgrounds so you can open directories as real HTTPS URLs in seconds, adds support for the Side Panel extension API, brings major…
- [Using chrome-devtools-mcp with Polypane](https://polypane.live/blog/using-chrome-devtools-mcp-with-polypane.md) (2026-07-29): The recently released chrome-devtools-mcp allows you to connect your coding agent (like GitHub Copilot) to a running Chromium instance to inspect and verify…
- [Cheatsheets for flex, grid, anchor positioning and invoker commands](https://polypane.live/blog/cheatsheets-for-flex-grid-anchor-positioning-and-invoker-commands.md) (2026-07-26): For CSS Day this year we created a set of cheatsheets explaining Flexbox, Grid, Anchor positioning and Invoker commands. They came out beautifully and a lot of…
- [CSS breakpoints used by popular CSS frameworks](https://polypane.live/blog/css-breakpoints-used-by-popular-css-frameworks.md) (2026-07-16): When using a CSS framework it often doesn't matter what devices people use. These frameworks come with their own set of CSS breakpoints with components that…
- [Experimenting with the new pure CSS random() function](https://polypane.live/blog/experimenting-with-the-new-pure-css-random-function.md) (2026-06-23): CSS is getting a random() function that lets you set properties with a random value, opening up a ton of interesting creative possibilities. In this article…
- [The complete guide to CSS media queries](https://polypane.live/blog/the-complete-guide-to-css-media-queries.md) (2026-06-18): 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…
- [How to find the cause of horizontal scrollbars](https://polypane.live/blog/strategies-for-dealing-with-horizontal-overflows.md) (2026-05-21): One of the most time consuming issues when it comes to web development is debugging horizontal scrollbars . They're easy to overlook while developing…
- [Using safe-area-inset to build mobile-safe layouts](https://polypane.live/blog/using-safe-area-inset-to-build-mobile-safe-layouts.md) (2026-05-05): Modern phones are not simple rectangles. They have rounded corners, camera cutouts, dynamic islands, and home indicators that double as gesture areas. Browsers…
- [Polypane 29: New network panel, snippet store and Chromium 148](https://polypane.live/blog/polypane-29-new-network-panel-snippet-store-and-chromium-148.md) (2026-05-03): Polypane 29 introduces an updated panel UI, a new network panel for inspecting requests, a new snippet store for discovering and installing snippets, and a…
- [Find and fix accessibility issues with Polypane](https://polypane.live/blog/find-and-fix-accessibility-issues-with-polypane.md) (2026-04-20): At Polypane, accessibility is one of the three core areas we focus on, along with performance and responsive design. If you're not familiar with Polypane, it's…
- [The Intl API: The best browser API you're not using](https://polypane.live/blog/the-intl-api-the-best-browser-api-youre-not-using.md) (2026-04-07): Chances are you've used Moment.js , date-fns , Luxon , or numeral.js at some point. Developers have relied on these libraries for years to format dates…
- [How to debug the @starting-style at-rule in Polypane](https://polypane.live/blog/how-to-debug-the-starting-style-at-rule-in-polypane.md) (2026-02-11): The @starting-style at-rule makes it possible to animate in elements as you add them to the DOM, something that previously needed JavaScript trickery to…
- [Polypane 28: Project improvements, Elements panel updates and Chromium 146](https://polypane.live/blog/polypane-28-project-improvements-elements-panel-updates-and-chromium-146.md) (2026-02-09): The first release of 2026 comes with plenty of improvements to Projects, the new Environments feature prevents you from confusing production for localhost, the…
- [Understanding the fundamentals of CSS Layout](https://polypane.live/blog/understanding-the-fundamentals-of-css-layout.md) (2026-01-21): When developers say that CSS is hard, they're usually talking about CSS layout. What often gets omitted though is that developers are assumed to understand and…
- [Not All Browser APIs Are "Web" APIs](https://polypane.live/blog/not-all-browser-apis-are-web-apis.md) (2026-01-11): When we talk about "the web platform", we often treat it as a unified, standards-based system: browsers implement features from the same specifications, even if…
- [Polypane 27.1: Expanding Portal](https://polypane.live/blog/polypane-27-1-expanding-portal.md) (2025-12-16): Polypane 27.1 is here and Polypane Portal has expanded! The Polypane console will now show the console messages from all connected browsers so you get instant…
- [Polypane 27: Projects, a Snippets Panel and Chromium 142](https://polypane.live/blog/polypane-27-projects-a-snippets-panel-and-chromium-142.md) (2025-11-19): Polypane 27 is out! This release brings a new project-focused workflow, a new snippets panel, improved DOM editing and is built on Chromium 142. Here's…
- [Polypane 26: Accurate device emulation with safe area and small viewport units](https://polypane.live/blog/polypane-26-accurate-device-emulation-with-safe-area-and-small-viewport-units.md) (2025-09-28): Polypane 26 brings the most accurate device emulation available anywhere. We now emulate small viewport units (svh) and device-specific safe area insets, two…
- [CSS-only floating focus with anchor positioning](https://polypane.live/blog/css-only-floating-focus-with-anchor-positioning.md) (2025-09-15): The Track focus debug tool in Polypane shows a floating outline that follows the keyboard focus around the page. This makes it easier to keep track of where…
- [Capturing screenshots in Polypane](https://polypane.live/blog/capturing-screenshots-in-polypane.md) (2025-08-21): Sharing in-progress work, pointing out a bug, or clarifying which area you're talking about: as a developer you're sharing screenshots all the time. In Polypane…
- [Polypane with Stefan Judis](https://polypane.live/blog/polypane-with-stefan-judis.md) (2025-08-17): I recently joined Stefan Judis for a Polypane walkthrough/demo over on his YouTube channel. We touched on how I came to develop Polypane and what it's like…
- [Polypane 25.1: DRM support and bug fixes](https://polypane.live/blog/polypane-25-1-drm-support-and-bug-fixes.md) (2025-07-29): Polypane 25.1 is now available, and it brings DRM support through Widevine, a new reopen last closed tab feature and a number of improvements and fixes. DRM…
- [Polypane on the Winging It Live stream](https://polypane.live/blog/polypane-on-the-winging-it-live-stream.md) (2025-07-24): Last week I joined Miriam Suzanne and James Stuckey Weber on the Winging It Live stream to talk about tools for developers, and Polypane in particular. We had a…
- [HTML Form Inspector: inspect and debug your forms online](https://polypane.live/blog/html-form-inspector-inspect-and-debug-your-forms-online.md) (2025-06-30): HTML forms are notoriously hard to get right. They require a lot of boilerplate HTML and even small mistakes can lead to frustrating user experiences like not…
- [Polypane 25: browser extensions with Manifest v3, form outlines and Chromium 138](https://polypane.live/blog/polypane-25-browser-extensions-with-manifest-v-3-form-outlines-and-chromium-138.md) (2025-06-29): Polypane 25 is here! We've updated our browser extension implementation to support Manifest v3 so we support a ton more extensions, there's a new Form outline…
- [Polypane 24.1: New Measure tool, XML viewer and Find by CSS selector](https://polypane.live/blog/polypane-24-1-new-measure-tool-xml-viewer-and-find-by-css-selector.md) (2025-05-18): A new measure overlay lets you drag out a rectangle on the page and measure arbitrary parts of the page and screenshot the selected area. The XML viewer lets…
- [Polypane on the Software Engineering Daily Podcast](https://polypane.live/blog/polypane-on-the-software-engineering-daily-podcast.md) (2025-05-05): Recently, wholesome human from the internet Josh Goldberg interviewed me for the Software Engineering Daily podcast. We talked about Polypane, the web…
- [Polypane on the Pixels with purpose Podcast](https://polypane.live/blog/polypane-on-the-pixels-with-purpose-podcast.md) (2025-04-24): I recorded a podcast with the folks from Nordcraft on their new Pixels with Purpose podcast channel. We chatted about accessibility, education around that…
- [Polypane 24: Recording, 3D view, Custom tab colors and HTML editing](https://polypane.live/blog/polypane-24-recording-3-d-view-custom-tab-colors-and-html-editing.md) (2025-04-22): This is a jam packed release. We're introducing a new recording feature, a 3D stacking context visualization, you can customize tab titles and colors so you…
- [The WebAIM Million 2025: Solving the most common issues](https://polypane.live/blog/the-webaim-million-2025-solving-the-most-common-issues.md) (2025-04-02): Every year, WebAIM conducts an automated survey of the top one million home pages to identify the most common accessibility issues and trends. They collect…
- [The CSS Transform property and individual transforms are additive](https://polypane.live/blog/the-css-transform-property-and-individual-transforms-are-additive.md) (2025-02-19): Here's something you might not know: the CSS transform and individual transform properties ( translate , rotate and scale ) are additive. If you set both…
- [Decoding CSS Selectors: :has(:not) vs :not(:has)](https://polypane.live/blog/decoding-css-selectors-has-not-vs-not-has.md) (2025-02-17): CSS functions like :is(), :not() and :has() are powerful tools that make it much easier to select elements specifically. We've written before about how ::where…
- [Polypane is hiring Igalia to work on Chromium](https://polypane.live/blog/polypane-is-hiring-igalia-to-work-on-chromium.md) (2025-02-12): Polypane has hired Igalia to work on a number of bugs and features in Chromium directly. This work will enable improvements and new features to Polypane, as…
- [Polypane 23.1](https://polypane.live/blog/polypane-23-1.md) (2025-02-12): The elements panel now shows which elements have event listeners, the screenshot editor has a whole range of new shortcuts to make it even easier to use and we…
- [Polypane 23](https://polypane.live/blog/polypane-23.md) (2025-01-15): Polypane 23 runs on Chromium 132 and includes a number of quality of life improvements and bug fixes. Happy new year! I took some time off at the end of the…
- [Always open localhost in your development browser](https://polypane.live/blog/always-open-localhost-in-your-development-browser.md) (2024-12-22): Many development servers will automatically open their URL when you launch them, and without configuration that happens in your default browser. If you use a…
- [Polypane 22.1: true browser tabs and a new split layout](https://polypane.live/blog/polypane-22-1-true-browser-tabs-and-a-new-split-layout.md) (2024-12-18): In this last full release of 2024 we're shipping two big new features and a host of improvements and fixes. The biggest new feature is the introduction of true…
- [The devtools features you wish you had, available in Polypane](https://polypane.live/blog/the-devtools-features-you-wish-you-had-available-in-polypane.md) (2024-11-19): A while ago Adam Argyle of the Chrome Devtools team asked developers on X/Twitter a question: Adam got a ton of responses with many good suggestions and ideas…
- [Clever Polypane Debugging Features I'm Loving by Ryan Trimble](https://polypane.live/blog/clever-polypane-debugging-features-im-loving-by-ryan-trimble.md) (2024-10-30): Over on CSS Tricks , Ryan Trimble recently wrote about a feature in Polypane that he just discovered: the different overlays that the Outline panel can show…
- [Polypane 22](https://polypane.live/blog/polypane-22.md) (2024-10-27): In Polypane 22 we added the option to screenshot social media previews, the elements panel has been updated with new element-specific pseudo state options, we…
- [Polypane 21.1](https://polypane.live/blog/polypane-21-1.md) (2024-09-01): Polypane 21.1 adds scroll syncing to all scrollable areas as well as various improvements and fixes. Scroll syncing for all scrollable areas Polypane always…
- [Polypane on the ConTejas Code Podcast](https://polypane.live/blog/polypane-on-the-contejas-code-podcast.md) (2024-08-28): I joined Tejas on the ConTejas Code Podcast to talk about running Polypane from both a technical and strategic/business perspective. We spoke about a lot of…
- [Polypane 21](https://polypane.live/blog/polypane-21.md) (2024-08-21): This is a boring release, primarily to fix stability issues on some Apple Silicon devices. It's also based on the latest Chromium 128 so that's why it's a major…
- [Polypane 20.1: The accessibility tree](https://polypane.live/blog/polypane-20-1-the-accessibility-tree.md) (2024-07-28): Polypane 20.1 adds a live accessibility tree and emulation for the default font-size, Lets you copy and save SVGs as easily as images, has new features in the…
- [Getting stuck: all the ways position:sticky can fail](https://polypane.live/blog/getting-stuck-all-the-ways-position-sticky-can-fail.md) (2024-07-14): CSS's position: sticky is a dream come true for web developers. It allows elements to switch between relative and fixed positioning based on the scroll…
- [Polypane on the JS Party Podcast](https://polypane.live/blog/polypane-on-the-js-party-podcast.md) (2024-06-20): I joined the folks at Changelog to talk about all things Polypane and had a great time chatting about everything from the business side of things to nitty…
- [Polypane 20: Browser features and performance](https://polypane.live/blog/polypane-20-browser-features-and-performance.md) (2024-06-17): Polypane 20 improves the features and performance of the Elements and Outline panel, as well as improving general browser features and stability. It's also…
- [How to find broken links with Polypane](https://polypane.live/blog/how-to-find-broken-links-with-polypane.md) (2024-05-27): 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…
- [Polypane 19: Workflow improvements](https://polypane.live/blog/polypane-19-workflow-improvements.md) (2024-05-26): Polypane 19 comes with updated performance tests, a live DOM view in the elements panel and tons of workflow improvements. It also runs on a new Chromium…
- [How to check your site in different languages and writing modes](https://polypane.live/blog/how-to-check-your-site-in-different-languages-and-writing-modes.md) (2024-05-15): Building sites that support multiple writing modes and languages is challenging. You don't always know the language or even the script, and changing your OS to…
- [Forced colors explained: A practical guide](https://polypane.live/blog/forced-colors-explained-a-practical-guide.md) (2024-05-09): 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…
- [Field-sizing just works!](https://polypane.live/blog/field-sizing-just-works.md) (2024-04-01): field-sizing is wild. It's a new CSS property that makes input , textarea and select automatically scale to the size of their content. That means it…
- [Polypane 18: Introducing Polypane Portal](https://polypane.live/blog/polypane-18-introducing-polypane-portal.md) (2024-02-21): 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…
- [My take on fading content using transparent gradients in CSS](https://polypane.live/blog/my-take-on-fading-content-using-transparent-gradients-in-css.md) (2024-01-18): 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…
- [Polypane 17.1](https://polypane.live/blog/polypane-17-1.md) (2024-01-17): 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…
- [Experimental Chromium Web Platform Features](https://polypane.live/blog/experimental-chromium-web-platform-features.md) (2023-12-18): 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…
- [Polypane 17: Meta panel updates, Reference image split slider and Chromium 120](https://polypane.live/blog/polypane-17-meta-panel-updates-reference-image-split-slider-and-chromium-120.md) (2023-12-14): 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…
- [Using Selectlist in React](https://polypane.live/blog/using-selectlist-in-react.md) (2023-11-14): Selectlist is an upcoming element that replaces the native select element with a fully stylable and customizable one, while still keeping all the native…
- [Developing for color blindness with Polypane](https://polypane.live/blog/developing-for-color-blindness-with-polypane.md) (2023-11-12): 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…
- [Responsive design ground rules (updated for 2026)](https://polypane.live/blog/responsive-design-ground-rules.md) (2023-11-02): 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…
- [Polypane 16: workflow improvements, scoped styles and Chromium 118](https://polypane.live/blog/polypane-16-workflow-improvements-scoped-styles-and-chromium-118.md) (2023-10-29): 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…
- [Where to put text so it doesn't overlap in the new X (Twitter) preview (2023)](https://polypane.live/blog/where-to-put-text-so-it-doesnt-overlap-in-the-new-x-twitter-preview.md) (2023-10-08): X (Twitter) recently updated their link previews to hide both the title and description, and overlaying the domain on top of the image. While this isn't great…
- [Using the Intl segmenter API](https://polypane.live/blog/using-the-intl-segmenter-api.md) (2023-10-02): The Intl API in browsers has a ton of functionality around editing and formatting of text and numbers. While filling in the State of HTML survey I came…
- [Announcing Polypane Cloud: Accessibility testing for entire sites](https://polypane.live/blog/announcing-polypane-cloud-accessibility-testing-for-entire-sites.md) (2023-09-27): Today we're announcing Polypane Cloud . A new product that allows you to test the accessibility of an entire site in one go, based on all the tests and checks…
- [Polypane 15: Fully featured browser in the browse panel, performance improvements, Chromium 116 and more](https://polypane.live/blog/polypane-15-fully-featured-browser-in-the-browse-panel-performance-improvements-chromium-116-and-more.md) (2023-09-10): In Polypane 15 we rebuilt the browse panel so that it's now a fully featured browser with tabs, pinned tabs, search and autocomplete. We also improved…
- [Offset parent and stacking context: positioning elements in all three dimensions](https://polypane.live/blog/offset-parent-and-stacking-context-positioning-elements-in-all-three-dimensions.md) (2023-08-15): They are fundamental CSS concepts you use every single day whether you know it or not: the offset parent and stacking context . In this article we'll explore…
- [Polypane 14.1: Container query support, forced element state and contrast lines in color pickers](https://polypane.live/blog/polypane-14-1-container-query-support-forced-element-state-and-contrast-lines-in-color-pickers.md) (2023-07-11): Container queries in the Polypane Elements panel, color pickers now show contrast lines, the ability to force pseudo states like hover or focus on elements, a…
- [Polypane 14](https://polypane.live/blog/polypane-14.md) (2023-06-06): Polypane 14 is here! In this release we added support for testing with multiple sessions, a new Elements Debug panel to quickly help you debug issues, an…
- [ColorContrast.App: a new place for our color contrast checker](https://polypane.live/blog/colorcontrast-app-a-new-place-for-our-color-contrast-checker.md) (2023-04-12): We first released our color contrast checker three years ago. At the time it was one of the first ones that gave suggestions , based on the needs I had while…
- [Polypane 13.1](https://polypane.live/blog/polypane-13-1.md) (2023-04-11): Polypane 13.1 is here! In this release we retooled our build system from webpack to Vite, which has improved the startup time and UI performance of Polypane by…
- [Polypane on PodRocket](https://polypane.live/blog/polypane-on-podrocket.md) (2023-04-04): On April 5th Kilian was a guest on the PodRocket podcast . Together with Paul Mikulskis we chatted about Polypane, developer experience, and more! Listen to it…
- [Using Polypane to check a website with James Q Quick](https://polypane.live/blog/using-polypane-to-check-a-website-with-james-q-quick.md) (2023-02-16): 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…
- [Building a lightbox with the Dialog element](https://polypane.live/blog/building-a-lightbox-with-the-dialog-element.md) (2023-02-07): 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…
- [Polypane 13: CSS Nesting, extension support in beta, search by selector and Chromium 110](https://polypane.live/blog/polypane-13-css-nesting-extension-support-in-beta-search-by-selector-and-chromium-110.md) (2023-01-31): 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…
- [Polypane on Syntax.fm](https://polypane.live/blog/polypane-on-syntax-fm.md) (2023-01-03): On December the 30th Kilian was a guest on the Syntax.fm Supper Club to talk about Polypane. Wes, Scott and Kilian spoke about Kilians background, how he came…
- [:where() :is() :has()? New CSS selectors that make your life easier](https://polypane.live/blog/where-is-has-new-css-selectors-that-make-your-life-easier.md) (2023-01-02): 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…
- [Polypane 12: introducing the Command bar](https://polypane.live/blog/polypane-12-introducing-the-command-bar.md) (2022-12-11): 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…
- [Polypane 11: JSON viewer, new accessibility tools, Chromium 106, iPhone 14 devices and screenshot updates](https://polypane.live/blog/polypane-11-json-viewer-new-accessibility-tools-chromium-106-iphone-14-devices-and-screenshot-updates.md) (2022-10-03): 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…
- [The breakpoints we tested in 2021 & 2022, and the ones to test in 2023](https://polypane.live/blog/the-breakpoints-we-tested-in-2021-and-the-ones-to-test-in-2022.md) (2022-09-27): 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…
- [Thanks iPhone 14, designing for device sizes is dead](https://polypane.live/blog/thanks-iphone-14-designing-for-device-sizes-is-dead.md) (2022-09-14): Back when the mobile web just got started, mobile design was simple (...it wasn't, but bear with me) . Your site had to fit 320px wide and it would work for…
- [How Blhack doubled their development speed with Polypane](https://polypane.live/blog/how-blhack-doubled-their-development-speed-with-polypane.md) (2022-09-05): 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…
- [How using Polypane for Nureply helped Onur learn to love the web](https://polypane.live/blog/how-using-polypane-for-nureply-helped-onur-learn-to-love-the-web.md) (2022-08-30): Nureply is a cold emailing tool created by Onur Geneş that helps you to write automated emails with personalization and send those emails to the people you want…
- [How Matchless Web halved their mobile optimization time](https://polypane.live/blog/how-matchless-web-halved-their-mobile-optimization-time.md) (2022-08-24): Matchless Web Studio is a one-man web agency based in Clinton, Mississippi USA. The aforementioned one man in charge is me (Jon Phillips), all-time employee of…
- [How Short Hills Design saves over $700 per year thanks to Polypane](https://polypane.live/blog/how-short-hills-design-saves-over-700-per-year-thanks-to-polypane.md) (2022-08-17): Short Hills design is a closely-knit team of six located in the USA, UK, Canada and Finland that helps healthcare and other professional small business service…
- [Polypane 10: detachable panel, navigation sync, element screenshots and more](https://polypane.live/blog/polypane-10-detachable-panel-navigation-sync-element-screenshots-and-more.md) (2022-08-04): Polypane 10 brings a number of often requested workflow features to Polypane: a detachable panel, the ability to turn off navigation sync for panes and element…
- [Polypane 9.1: Form autofilling, fast overview screenshot and outline panel overlays](https://polypane.live/blog/polypane-9-1-form-autofilling-fast-overview-screenshot-and-outline-panel-overlays.md) (2022-06-20): Polypane 9.1 comes with new features to quickly test forms, a much faster and robust overview screenshot feature, support for the INP web vital and a new way to…
- [Polypane 9: Screenshot editor, structured data support and new debug tools](https://polypane.live/blog/polypane-9-screenshot-editor-structured-data-support-and-new-debug-tools.md) (2022-05-10): Polypane 9 ships with a completely new way of making and editing screenshots, support for different types of structured data in the Meta panel, new debug tools…
- [Create a Polypane account with GitHub](https://polypane.live/blog/create-a-polypane-account-with-github.md) (2022-04-05): Today we launch the option to start a Polypane trial with GitHub Auth. When you register for a Polypane trial click the "Register with GitHub" button to…
- [Polypane 8.1: Resizable element tree, disable JS feature, new debug tools and more](https://polypane.live/blog/polypane-8-1-resizable-element-tree-disable-js-feature-new-debug-tools-and-more.md) (2022-03-07): Polypane 8.1 comes with two often requested features: The tree view in the elements panel is now resizable so you can adapt it to your preferences, and there is…
- [How we made the State of CSS more responsive and accessible](https://polypane.live/blog/how-we-made-the-state-of-css-more-responsive-and-accessible.md) (2022-02-15): Each year, the state of CSS takes a global survey of the CSS landscape. Its results are highly regarded and influence browsers, toolmakers and web developers…
- [Polypane is now part of the GitHub Education Intro to Web Dev pack](https://polypane.live/blog/polypane-is-now-part-of-the-github-education-intro-to-web-dev-pack.md) (2022-02-06): We are proud to announce that Polypane is now part of GitHub Education Intro to Web Dev . The response to Polypane being part of the Github Student Developer…
- [Polypane 8: better Elements Inspector, new syncing features, Chromium 98 and more](https://polypane.live/blog/polypane-8-better-elements-inspector-new-syncing-features-chromium-98-and-more.md) (2022-01-31): Polypane 8 comes with a better Elements inspector, big performance improvements, Chromium 98 and many other new and improved features, like forced colors…
- [Improving your CLS and LCP Core Web Vitals](https://polypane.live/blog/improving-your-cls-and-lcp-core-web-vitals.md) (2021-11-23): Web Vitals are a set of measurements that gauge the user experience of your website. If you score poorly on them, your site is not as nice to use as a site with…
- [The EyeDropper API: Pick colors from anywhere on your screen](https://polypane.live/blog/the-eyedropper-api-pick-colors-from-anywhere-on-your-screen.md) (2021-11-10): With the new EyeDropper API in Chromium, websites can let visitors pick colors from anywhere on their screen, adding another feature to the web that used to…
- [Polypane 7](https://polypane.live/blog/polypane-7.md) (2021-11-07): Polypane 7 adds a new color picker tool, support for pseudo-elements and pseudo-classes in the Elements panel, new Web Vitals data and visualisations, an…
- [How TeliportMe is moving to the web with Polypane](https://polypane.live/blog/how-teliportme-is-moving-to-the-web-with-polypane.md) (2021-10-10): We interviewed Vineet Devaiah, the CEO of TeliportMe on their move to the web and how Polypane is helping them do this. Hey Vineet, so good to talk to you! Can…
- [Polypane 6.3: Tunnel vision simulator, webmanifest support, updated UI](https://polypane.live/blog/polypane-6-3-tunnel-vision-simulator-webmanifest-support-updated-ui.md) (2021-08-04): In Polypane 6.3 we added new debug tools and improved the meta panel and outline panel. And we moved the reload button. Tunnel vision simulator The new tunnel…
- [Detecting media query support in CSS and JavaScript](https://polypane.live/blog/detecting-media-query-support-in-css-and-javascript.md) (2021-07-18): Recently I needed a way to detect support for a media query in CSS and JavaScript. To detect if a browser supports a certain CSS feature, you can use @supports…
- [Polypane 6.2: HTML validation, robots.txt support, RTL emulation and more](https://polypane.live/blog/polypane-6-2-html-validation-robots-txt-support-rtl-emulation-and-more.md) (2021-07-13): In Polypane 6.2 we focused on improving the app performance and consistency, particularly around updating, pane resizing, tab handling and dark mode. We still…
- [Creating websites with prefers-reduced-data](https://polypane.live/blog/creating-websites-with-prefers-reduced-data.md) (2021-07-05): Even though more and more people get access to the internet every day, not all of them have fast gigabit connections or unlimited data. Using the media query…
- [Fixing contrast issues, on your own site and elsewhere](https://polypane.live/blog/fixing-contrast-issues-on-your-own-site-and-elsewhere.md) (2021-06-07): Insufficient text contrast is the most common accessibility issue on websites today. According to the WebAIM Million report for 2021 , 86.4% of home pages…
- [A11y tooling in Polypane (video)](https://polypane.live/blog/a-11-y-tooling-in-polypane.md) (2021-06-06): On May 25th Kilian Valkhof (the creator of Polypane) joined the Twitch channel of Stephanie Eckles to walk through most of the accessibility options in…
- [Polypane 6.1: Readability, Content Chaos and rewritten event sync engine](https://polypane.live/blog/polypane-6-1-readability-content-chaos-and-rewritten-event-sync-engine.md) (2021-05-31): Polypane 6.1 adds two new debug tools and a much more performant, completely rewritten interaction syncing engine along with numerous smaller improvements and…
- [The perfect responsive menu (2021)](https://polypane.live/blog/the-perfect-responsive-menu.md) (2021-05-29): 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…
- [Polypane 6: Peek, Webvitals, new simulators & Chromium 91](https://polypane.live/blog/polypane-6-peek-webvitals-new-simulators-chromium-91.md) (2021-05-11): 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…
- [Don't you forget about me: overlooked breakpoints in responsive design.](https://polypane.live/blog/overlooked-breakpoints-in-responsive-design.md) (2021-04-22): 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…
- [Polypane 5.1: Web components support](https://polypane.live/blog/polypane-5-1-web-components-support.md) (2021-03-31): 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…
- [Checking webpage quality in 5 minutes with Polypane](https://polypane.live/blog/checking-webpage-quality-in-5-minutes-with-polypane.md) (2021-03-28): 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…
- [Polypane 5: Console popups, performance and focus overview](https://polypane.live/blog/polypane-5-console-popups-performance-and-focus-overview.md) (2021-03-03): 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…
- [How Maurits Meester combines front-end development with beer](https://polypane.live/blog/how-maurits-meester-combines-front-end-development-with-beer.md) (2021-02-08): 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…
- [Faking container queries with CSS Grid](https://polypane.live/blog/faking-container-queries-with-css-grid.md) (2021-02-01): 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…
- [Debug your visual hierarchy with the squint test](https://polypane.live/blog/debug-your-visual-hierarchy-with-the-squint-test.md) (2020-12-10): "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…
- [How Sergio Mattei made the next Makerlog 6x faster with Polypane](https://polypane.live/blog/how-sergio-mattei-made-the-next-makerlog-6-x-faster-with-polypane.md) (2020-11-30): 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…
- [Polypane 4: Unified Console, DOM tree in elements panel](https://polypane.live/blog/polypane-4-unified-console-dom-tree-in-elements-panel.md) (2020-11-08): A new unified Polypane console, a treeview in the elements panel, prefers-reduced-data and locale emulation, docked devtools for isolated panes, new and…
- [Polypane demo with Shawn @swyx Wang](https://polypane.live/blog/polypane-demo-with-shawn-swyx-wang.md) (2020-10-15): Last Tuesday together with Shawn @swyx Wang we held a livestream to give a tour of Polypane. We used Shawn's website to go through most of the features…
- [Polypane 3.3: Grids and guides, horizontal overflow detection and updated UI](https://polypane.live/blog/polypane-3-3-grids-and-guides-horizontal-overflow-detection-and-updated-ui.md) (2020-08-30): Add grids and guides to your site, detect which elements cause horizontal overflows, new overlays, a refreshed UI and noticable performance improvements. with…
- [How Earnworthy uses Polypane to audit landing pages and land 25% more customers](https://polypane.live/blog/how-earnworthy-uses-polypane-to-audit-landing-pages-and-land-25-more-customers.md) (2020-08-16): We interviewed Nicholas Scalice, the founder of Earnworthy and creator of the GrowthMarketer.co newsletter about how he uses Polypane to be able to provide…
- [Polypane ❤ Tumult Hype. New integration](https://polypane.live/blog/polypane-❤-tumult-hype-new-integration.md) (2020-07-26): Tumult Hype lets you create beautiful, responsive HTML5 animations and web content. When you preview your design by clicking the 'preview' button in Hype and…
- [How Code& increased their efficiency by 500% maintaining and improving websites like Freshwater SLSC](https://polypane.live/blog/how-code-increased-their-efficiency-by-500-maintaining-and-improving-websites-like-freshwater-slsc.md) (2020-07-21): We interviewed Dale Grant, the owner of Code& on their workflow and how Polypane fits into it. As a development-focused agency they use WordPress for a wide…
- [How Red Pixel Themes uses Polypane](https://polypane.live/blog/how-red-pixel-themes-uses-polypane.md) (2020-07-02): The following article was written by Vivian of Red Pixel Themes on how they use Polypane in their development process and is part of a series of case studies…
- [Polypane 3.2: Accessibility and viewport sizing](https://polypane.live/blog/polypane-3-2-accessibility-and-viewport-sizing.md) (2020-06-11): We're introducing two big features in Polypane 3.2: The accessibility panel and viewport sizing . Beyond that we added a whole lot of smaller features and…
- [Polypane 3.1: New elements panel](https://polypane.live/blog/polypane-3-1-new-elements-panel.md) (2020-04-21): Polypane 3.1 is now available and with over 30 new and improved features it's our biggest release ever. With Polypane 3.1 we're introducing the Polypane…
- [8 ways to increase your productivity as a web developer (in 2021)](https://polypane.live/blog/ways-to-increase-your-productivity-as-a-web-developer.md) (2020-04-13): Making websites takes time. There are a lot of parts you have to think about if you want to create a good, solid website and sometimes it might feel like there…
- [Color contrast checker that makes suggestions for better colors](https://polypane.live/blog/color-contrast-checker-that-makes-suggestions-for-better-colors.md) (2020-03-29): 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…
- [Polypane 3: browser tabs and dark mode emulation](https://polypane.live/blog/polypane-3-browser-tabs-and-dark-mode-emulation.md) (2020-03-01): 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…
- [Polypane is now part of the GitHub Student Developer Pack](https://polypane.live/blog/polypane-is-now-part-of-the-github-student-developer-pack.md) (2020-02-24): 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…
- [4 CSS layouts without using media queries](https://polypane.live/blog/4-css-layouts-without-using-media-queries.md) (2020-01-21): 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…
- [Polypane 2.1: Edit all your panes at the same time](https://polypane.live/blog/polypane-2-1-edit-all-your-panes-at-the-same-time.md) (2020-01-13): 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…
- [Polypane 2: device emulation, new modes and simulators](https://polypane.live/blog/polypane-2-device-emulation-new-modes-and-simulators.md) (2019-11-05): 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…
- [Polypane 1.3: Full page mode and screenshot improvements](https://polypane.live/blog/polypane-1-3-full-page-mode-and-screenshot-improvements.md) (2019-09-23): 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…
- [Give your eyes some rest with dark mode in Polypane](https://polypane.live/blog/give-your-eyes-some-rest-with-dark-mode-in-polypane.md) (2019-08-26): 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…
- [Polypane 1.2: Dark mode, Full page screenshots, Live reloading and more](https://polypane.live/blog/polypane-1-2-dark-mode-full-page-screenshots-live-reloading-and-more.md) (2019-08-21): 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…
- [Polypane 1.1 release notes](https://polypane.live/blog/polypane-1-1-release-notes.md) (2019-07-07): 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…
- [Responsive CSS breakpoints for the top 50 websites 2019](https://polypane.live/blog/responsive-css-breakpoints-for-the-top-50-websites-2019.md) (2019-05-26): 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…
- [Why you need a development browser](https://polypane.live/blog/why-you-need-a-development-browser.md) (2019-04-24): 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…
- [Roadmap, and why Polypane is a subscription](https://polypane.live/blog/roadmap-and-why-polypane-is-a-subscription.md) (2019-03-29): 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…