Polypane. Browser for web devs
@polypane.app
See every screen, device & user preference, while you build. Chromium-based workspace for building great websites. Built for web developers who care | Try out for free at https://polypane.app | By @kilianvalkhof.com
If you're an accessibility auditor or implementer, Polypane 31 has a massive time-saving feature for you! With per-pane zoom settings, you can now check 100% page zoom right alongside 200% and 400% zooms, letting you check WCAG 1.4.4 and 1.4.10 in one fell swoop, with easy comparison back to 100%.
Did you try our new flex item visualizer yet? Shipped in Polypane 31
Kilian Valkhof@kilianvalkhof.com · 7d agoThis one fully supports Flexbox though.
Seriously, if you're not using Polypane for development, you're missing out. Highly recommended.
Polypane. Browser for web devs@polypane.app · 7d agoPolypane 31 is here and ...it has a boatload of cool new features! 🖼️ Canvas layout with free-form placement ↔️ Flex item inspector 🎯 Navigate to custom properties ...and back! 🔍 Per-pane zoom settings 🏎️ Page performance monitoring 📱new iPhone 18 and duo presets polypane.app/blog/polypan...
Polypane 31 is here and ...it has a boatload of cool new features! 🖼️ Canvas layout with free-form placement ↔️ Flex item inspector 🎯 Navigate to custom properties ...and back! 🔍 Per-pane zoom settings 🏎️ Page performance monitoring 📱new iPhone 18 and duo presets polypane.app/blog/polypan...
Polypane 31: Canvas layout, elements panel improvements and Chromium 155 | Polypane
This release has a new canvas layout that lets you freely arrange panes on an infinite canvas. The elements panel now lets you filter styles, search the DOM…
polypane.app
Working on an infinite canvas is just so, so smooth.
Polypane. Browser for web devs@polypane.app · 7d agoPolypane 31 is here and ...it has a boatload of cool new features! 🖼️ Canvas layout with free-form placement ↔️ Flex item inspector 🎯 Navigate to custom properties ...and back! 🔍 Per-pane zoom settings 🏎️ Page performance monitoring 📱new iPhone 18 and duo presets polypane.app/blog/polypan...
Polypane 31 is here and ...it has a boatload of cool new features! 🖼️ Canvas layout with free-form placement ↔️ Flex item inspector 🎯 Navigate to custom properties ...and back! 🔍 Per-pane zoom settings 🏎️ Page performance monitoring 📱new iPhone 18 and duo presets polypane.app/blog/polypan...
Polypane 31: Canvas layout, elements panel improvements and Chromium 155 | Polypane
This release has a new canvas layout that lets you freely arrange panes on an infinite canvas. The elements panel now lets you filter styles, search the DOM…
polypane.app
Go to definition for CSS custom properties is pretty nice. Finding your way back with a single click, that's even nicer.
Go to definition for CSS custom properties is pretty nice. Finding your way back with a single click, that's even nicer.
The root scroller in your browser (the one scrolling the viewport) is special, but it's really easy to accidentally create a new scroll container. Learn how those nested scroll containers break scroll restoration, mobile browser UI and more, plus how to avoid them.
The root scroller and how not to lose it | Polypane
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.app
The root scroller in your browser (the one scrolling the viewport) is special, but it's really easy to accidentally create a new scroll container. Learn how those nested scroll containers break scroll restoration, mobile browser UI and more, plus how to avoid them.
The root scroller and how not to lose it | Polypane
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.app
I've been debugging sites using different scroll containers at different viewports widths and thinking of ways to make it clearer what's happening, rather than people thinking the sync in Polypane doesn't work. The first change is in: highlighting the scroll badge of whatever is being scrolled.
There's apparently a thing about Cloudflare's tunnel... So a reminder that @polypane.app has that feature built-in. Single click, network or public URL, short-lived unique non-indexed URL. Everything is synced to all devices, all console messages are sent back to the console. polypane.app/portal/
Polypane Portal | Polypane
Polypane Portal shares your local development environment with anyone, anywhere, on any device while keeping everything in sync.
polypane.app
live now!
Kilian Valkhof@kilianvalkhof.com · 4w agoPlaying around with something I barely understand: displacement filters in SVG! The backdrop in the @polypane.app header now has defraction and chromatic abberation, an upgrade from the simple blur + saturate it had. Chromium only, with the previous style as fallback for other browsers.
Pssst 🤫 We're working on an infinite canvas. What do you think?
Pssst 🤫 We're working on an infinite canvas. What do you think?
Polypane gives you more feedback and suggestions than any other tool because all those details matter. And soon, it will show you one less.
Kilian Valkhof@kilianvalkhof.com · last mo.Thank you for your efforts 🫡
Polypane gives you more feedback and suggestions than any other tool because all those details matter. And soon, it will show you one less.
Kilian Valkhof@kilianvalkhof.com · last mo.Thank you for your efforts 🫡
Our source panel can now toggle between the rendered and the server-sent HTML! Both are automatically formatted, both are validated. If you're not sure if an HTML issue starts on the server or in your JS, that's now super easy to find.
if you missed it last friday, we have a new version out! 🥳
Polypane. Browser for web devs@polypane.app · last mo.Polypane 30.1 is here! Yep, already. We landed a few features that were so cool we just couldn't wait. This one's not as massive as Polypane 30, so find the highlights below! polypane.app/blog/polypan...
Our elements panel got an exciting addition. Hover over the specificity of a selector to see each part of it highlighted, so you know exactly what's responsible. Intelligent enough to drill down into nested `:is()` selectors, intelligent enough to drill up into nested selectors.
Polypane 30.1 is here! Yep, already. We landed a few features that were so cool we just couldn't wait. This one's not as massive as Polypane 30, so find the highlights below! polypane.app/blog/polypan...
Polypane 30.1: Selector specificity insights, server HTML validation, and more | Polypane
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…
polypane.app
Well this is just cool! It even has the invisible cone between an item and its submenu so it doesn't close as you move diagonally. Video made in @polypane.app BTW :)
Patrick Brosset@patrickbrosset.com · last mo.Wow, I had no idea. You can already test Open-UI's proposed native menu elements in Chromium (enable "Experimental Web Platform features" flag in about://flags first). Full native menu bar support with just HTML code! Read the explainer: open-ui.org/components/m... Demo: jsbin.com/qorupiwivu/1...
Get an early look by checking out the demos in this article in @polypane.app which already has support for random() polypane.app/blog/experim...
Experimenting with the new pure CSS random() function | Polypane
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…
polypane.app
IntentToShip@intenttoship.dev · last mo.Blink: Intent to Ship: CSS random() function
We've given our online CSS selector specificity calculator some nice upgrades! - Improved resolution of function nested specificity - Highlighting parts while you type (using OpagueRange + Highlight API) - Explore your selector by hovering over each part Check it out: polypane.app/css-specific...
We've given our online CSS selector specificity calculator some nice upgrades! - Improved resolution of function nested specificity - Highlighting parts while you type (using OpagueRange + Highlight API) - Explore your selector by hovering over each part Check it out: polypane.app/css-specific...
Polypane 30 is out! 🤩 🛝 Playgrounds: go from .html to multi-device testing in 3 clicks 🔤 text-scale emulation 📹 recording w/ sound 🌐 Network panel filtering & sorting ✨ Sidepanel browser extensions 🔗 Standard.site validation & previews 🌍 Chromium 152 ⛰️ MORE STILL polypane.app/blog/polypan...
Polypane 30: Playgrounds, Side Panel extension API, updated video recording and Chromium 152 | Polypane
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…
polypane.app