Polypane. Browser for web devs

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...

Things are happening in browser land! Chromium 156 shipped support for CSS random() so you can try all the demos below without needing experimental features turned on. Firefox 148 has it behind a feature flag you can enable, and the demos look fantastic there too. polypane.app/blog/experim...

Yet another great idea! I appreciate knowing what metadata is now obsolete. Modern insight tools focus on jacking up scores, but these kind of insights matter too because they help retain meaning an appreciation for our code. Polypane’s meta panel is a lovely place full of insight ✨

So it's my lunch break, and I'm finally sitting down to check out the @polypane.app browser, and holy crap. Already identifying things to fix on my website.

Every long-lived website ends up with cobwebs. 🕸️ Things that used to do something, but no longer do. Like httpequiv for IE8-10, your fb:pages id or the Windows 8 tile tags. None of them do anything anymore. But which ones can you safely get rid of? The next version of Polypane will tell you!

We've updated our color contrast checker at colorcontrast.app. 1. It now gives suggested colors for APCA failures too 2. You can use color names along with regular color notations 3. It comes with a WebMCP tool, if you're into that. The contrast checker on our own site is updated too.

…okay apparently I should’ve added this way earlier, you all greatly prefer this over the other methods 😅 Just a reminder that I am very responsive to any user request you might have.

Polypane 31: Canvas Layout, Elements Panel Improvements and Chromium 155, by @polypane.app: https://polypane.app/blog/polypane-31-canvas-layout-elements-panel-improvements-and-chromium-155/?ref=frontenddogma.com #releasenotes #polypane #browsers

Should this be in the next release?

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

Seriously, if you're not using Polypane for development, you're missing out. Highly recommended.

Working on an infinite canvas is just so, so smooth.

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 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.

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.

This is Polypane. www.youtube.com/watch?v=uGr-...

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/

This is Polypane. www.youtube.com/watch?v=uGr-...

We love it!

live now!

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.

Polypane gives you more feedback and suggestions than any other tool because all those details matter. And soon, it will show you one less.

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! 🥳

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.

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 :)

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...

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...

Check out our newest testimonial by @pointc.bsky.social 🤩 See all our latest testimonials here: polypane.app/testimonials/

Woah. Huge Polypane update.

The best browser for developers is made by @kilianvalkhof.com.

Polypane v30 ✨ Network panel got more stable and insightful — see requests alone or grouped by origins, both very useful depending on your optimization angle. Emulating svh overlay is now on by default — always see what’s ACTUALLY above the fold on mobile. Fast startup 💨 Check out the changelog.

Anything random is a joy to test in @polypane.app by the way, because you really get a feel for how it behaves.

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...

Cheatsheets for Flex, Grid, Anchor Positioning and Invoker Commands, by @polypane.app: https://polypane.app/blog/cheatsheets-for-flex-grid-anchor-positioning-and-invoker-commands/?ref=frontenddogma.com #cheatsheets #css #flexbox #grids #layout