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.app
Polypane 25.1 is now available, and it brings DRM support through Widevine, a new reopen last closed tab feature and a number of…| Polypane Blog
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…| polypane.app
HTML forms are notoriously hard to get right. They require a lot of boilerplate HTML and even small mistakes can lead to frustrating user…| Polypane Blog
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.app
Every year, WebAIM conducts an automated survey of the top one million home pages to identify the most common accessibility issues and…| Polypane Blog
I joined Tejas on the ConTejas Code Podcast to talk about running Polypane from both a technical and strategic/business perspective. We…| Polypane Blog
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…| Polypane Blog
On April 5th Kilian was a guest on the PodRocket podcast . Together with Paul Mikulskis we chatted about Polypane, developer experience…| Polypane Blog
Polypane 11 now renders JSON files in a completely new viewer, adds a ton of new accessibility testing features and improves upon existing…| Polypane Blog
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…| Polypane Blog
Today we launch the option to start a Polypane trial with GitHub Auth. When you register for a Polypane trial click the "Register with…| Polypane Blog
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…| Polypane Blog
With the new EyeDropper API in Chromium, websites can let visitors pick colors from anywhere on their screen, adding another feature to the…| Polypane Blog
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…| Polypane Blog
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.app
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.app
Recently, wholesome human from the internet Josh Goldberg interviewed me for the Software Engineering Daily podcast. We talked about…| Polypane Blog
I recorded a podcast with the folks from Nordcraft on their new Pixels with Purpose podcast channel. We chatted about accessibility…| Polypane Blog
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…| polypane.app
Here's something you might not know: the CSS transform and individual transform properties ( translate , rotate and scale ) are additive. If you set both…| polypane.app
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.app
Polypane has hired Igalia to work on a number of bugs and features in Chromium directly. This work will enable improvements and new features…| Polypane Blog
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.app
Polypane 23 runs on Chromium 132 and includes a number of quality of life improvements and bug fixes. What's Polypane ? Polypane is the…| Polypane Blog
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…| Polypane Blog
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…| Polypane Blog
Over on CSS Tricks , Ryan Trimble recently wrote about a feature in Polypane that he just discovered: the different overlays that the…| Polypane Blog
In Polypane 22 we added the option to screenshot social media previews, the elements panel has been updated with new element-specific pseudo…| Polypane Blog
Polypane 21.1 adds scroll syncing to all scrollable areas as well as various improvements and fixes. What's Polypane ? Polypane is the web…| Polypane Blog
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…| Polypane Blog
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…| Polypane Blog
CSS's position: sticky is a dream come true for web developers. It allows elements to switch between relative and fixed positioning based…| Polypane Blog
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…| Polypane Blog
Polypane 20 improves the features and performance of the Elements and Outline panel, as well as improving general browser features and…| Polypane Blog
Sharing in-progress work, pointing out a bug, or clarifying which area you're talking about: as a developer you're sharing screenshots all…| Polypane Blog
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…| Polypane Blog
Building sites that support multiple writing modes and languages is challenging. You don't always know the language or even the script, and…| Polypane Blog
With Polypane Portal you can now build and test your sites across all browsers, engines and devices, all without leaving Polypane. We added…| Polypane Blog
field-sizing is wild. It's a new CSS property that makes input , textarea and select automatically scale to the size of their content…| Polypane Blog
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…| Polypane Blog
Polypane 17.1 is primarily a bugfix and security release, but contains a few new features and newly supported browser extensions, as well as…| Polypane Blog
Polypane ships with the "experimental web platform features" flag enabled. This means you get to use a whole bunch of cool features as they…| Polypane Blog
Polypane 17 ships with new features in the meta panel, a new split slider feature in the reference image tool, an updated console.table…| Polypane Blog
Selectlist is an upcoming element that replaces the native select element with a fully stylable and customizable one, while still keeping…| Polypane Blog
Polypane 16 ships a ton of improvements to common workflows, updates to the meta panel social media previews, support for @scope in the…| Polypane Blog
X (Twitter) recently updated their link previews to hide both the title and description, and overlaying the domain on top of the image…| Polypane Blog
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…| Polypane Blog
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…| Polypane Blog
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…| Polypane Blog
Container queries in the Polypane Elements panel, color pickers now show contrast lines, the ability to force pseudo states like hover or…| Polypane Blog
They are fundamental CSS concepts you use every single day whether you know it or not: the offset parent and stacking context . In this…| Polypane Blog
Together with James Q Quick Kilian showcased how Polypane can be used to find issues and suggest improvements on a live website. During…| Polypane Blog
Polypane 13 is here! We're launching beta support for regular browser extensions, have a new way to search for elements and have added…| Polypane Blog
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…| Polypane Blog
We are Blhack , an Italian software house. We develop tailor-made solutions for our customers' needs. Our technology stack is based on Ruby…| Polypane Blog
Nureply is a cold emailing tool created by Onur Geneş that helps you to write automated emails with personalization and send those emails to…| Polypane Blog
Matchless Web Studio is a one-man web agency based in Clinton, Mississippi USA. The aforementioned one man in charge is me (Jon Phillips…| Polypane Blog
Short Hills design is a closely-knit team of six located in the USA, UK, Canada and Finland that helps healthcare and other professional…| Polypane Blog
Polypane 10 brings a number of often requested workflow features to Polypane: a detachable panel, the ability to turn off navigation sync…| Polypane Blog
Polypane 9.1 comes with new features to quickly test forms, a much faster and robust overview screenshot feature, support for the INP web…| Polypane Blog
When people talk about CSS complexity, a major contributor to that is CSS specificity, or writing effective CSS selectors. The more you add…| Polypane Blog
Polypane 9 ships with a completely new way of making and editing screenshots, support for different types of structured data in the Meta…| Polypane Blog
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…| Polypane Blog
Each year, the state of CSS takes a global survey of the CSS landscape. Its results are highly regarded and influence browsers, toolmakers…| Polypane Blog
Which screen sizes to design, build and test on is a perennial topic in web development. While well-built responsive websites will work at…| Polypane Blog
In Polypane 6.3 we added new debug tools and improved the meta panel and outline panel. And we moved the reload button. What's Polypane…| Polypane Blog
In Polypane 6.2 we focused on improving the app performance and consistency, particularly around updating, pane resizing, tab handling and…| Polypane Blog
Insufficient text contrast is the most common accessibility issue on websites today. According to the WebAIM Million report for 2021 , 86.…| Polypane Blog
On May 25th Kilian Valkhof (the creator of Polypane) joined the Twitch channel of Stephanie Eckles to walk through most of the…| Polypane Blog
Polypane 6.1 adds two new debug tools and a much more performant, completely rewritten interaction syncing engine along with numerous…| Polypane Blog
Polypane 6 is now available! It's another packed release with new features, simulators, performance improvements and a new version of…| Polypane Blog
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…| Polypane Blog
Maurits is a freelance front-end developer and co-founder of Brouwerij Victorie , a brewery in Amsterdam with a gorgeous website. We spoke…| Polypane Blog
Sergio is the creator of Makerlog , a web app that lets Makers log their progress [including me - Kilian] and he is building the next…| Polypane Blog
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…| Polypane Blog
3D transforms and perspective can be a great trick to add depth and texture to any website but they're tricky to get right. They can easily…| Polypane Blog
Add grids and guides to your site, detect which elements cause horizontal overflows, new overlays, a refreshed UI and noticable performance…| Polypane Blog
We interviewed Nicholas Scalice, the founder of Earnworthy and creator of the GrowthMarketer.co newsletter about how he uses Polypane to…| Polypane Blog
A stand-alone browser and devtool with everything you need to build better responsive, accessible and performant web sites and web apps in less time.| polypane.app
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…| polypane.app
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.app
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.app
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.app
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.app
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…| polypane.app
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…| polypane.app
Polypane 8 comes with a better Elements inspector, big performance improvements, Chromium 98 and many other new and improved features, like forced colors…| polypane.app
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…| polypane.app
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…| polypane.app
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…| polypane.app
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.app
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.app
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…| polypane.app
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.app
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…| polypane.app
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…| polypane.app
"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…| polypane.app
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…| polypane.app
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.app