@polypane.app
The missing half of your development environment. Chromium-based workspace for building great websites. Built for web developers who care | Try out for free at https://polypane.app | By @kilianvalkhof.com
Not enough people know this! Sharing your localhost to a public URL takes just two clicks in @polypane.app.
👨🍳💋 for testing on all your real-world devices. Interactions are synced, logging is sent to Polypane.
😍 for letting others see your WIPs. Share your stuff w/o deploying
polypane.app/portal/
A dialog titled "Code faster with AI-powered suggestions". There is a block saying "Things to consider", and within it highlighted is that your code "may be seen by human reviewers"
If you turn on "AI-suggestions" (that are so bad they preemptively warn you it's probably wrong and also maybe don't run it), Google will slop up your console history and let human reviewers see it.
Use a browser where the dev can't be bothered to ex-filtrate your data. Try @polypane.app.
Not enough people know this! Sharing your localhost to a public URL takes just two clicks in @polypane.app.
👨🍳💋 for testing on all your real-world devices. Interactions are synced, logging is sent to Polypane.
😍 for letting others see your WIPs. Share your stuff w/o deploying
polypane.app/portal/
(I did log an issue, maybe there's a workaround)
There's not really something we can do to fix this. The CSS for the popup is...not good. It uses absolute positioning everywhere, that means when Electron gets the intrinsic ("preferred") height/width it's much smaller than the content.
I guess the Chrome UI team compensates for poor behavior here.
Not really. You can inspect the popup when launching Polypane with a remote debugging port. There are a ton of different small things that can cause issues within extensions. I’ll put it on the list to check out and see if we can do anything about it
Kilian is in Montreal, Canada all week for Confoo.
If you’re at Confoo: come say hi, Kilian brought stickers. If you’re not, you really should be!
If you want a Polypane demo at your office this week, reach out!
A man and a woman viewing two laptops. We see the covers of the laptops and one of them is covered in stickers by Polypane, Fronteers, NL Design System and more.
Accessibility researcher (and Polypane user) @200ok.nl was on national TV just now to talk about the (lack of) accessibility of online chatbot and …what’s that on his laptop? 👀
How to Debug the “@ starting-style” At-Rule in Polypane, by @polypane.app:
https://polypane.app/blog/how-to-debug-the-starting-style-at-rule-in-polypane/
#howtos #debugging #css #animations #polypane
Direct, actionable feedback and insights while you develop is exactly our goal with Polypane 🤩
...Seems to be working again. Pfew 😮💨
direct installs and updates work again, for Homebrew you'll need to wait until they have updated SHAs, which should be in ~3hr or so.
We're tracking an issue with 28.0.1 on mac not being installable, sorry about that.
Will fix ASAP
We just released version 28.0.1 with some bug fixes and nice quality-of-life improvements!
Full changelog: polypane.app/blog/polypan...
This seems to be missing a Dutch browser vendor 🤔
Don’t worry, @polypane.app will definitely be there as well.
I've been using @polypane.app for about a week and it's going great. It's like 1000x better than Safari for dev & the # of ways it's made my accessibility auditing workflow better is impressive. Seems like every time I search the docs "can I do XYZ?" the answer is yes! Hope to write about it soon.
Can't wait to read about your thoughts Ashlee!
How to debug the @starting-style at-rule in Polypane
Why @starting-style exists, how to use it, how to inspect and edit it, and a little bit about what makes Polypane's elements panel so different from other devtools and why that makes things better for you.
polypane.app/blog/how-to-...
Polypane 28: Project Improvements, Elements Panel Updates, and Chromium 146, by @polypane.app:
https://polypane.app/blog/polypane-28-project-improvements-elements-panel-updates-and-chromium-146/
#releasenotes #polypane #browsers
Great release 💯 I just managed to reproduce a bug I've be failing to do in Chrome for a long time, simply because I've been trying to do it in full width! Panes are a really powerful way to quickly gain confidence that your thing works across multiple viewports.
That’s been there since its first release ;)
a context menu on a header, showing a list of options like "inspect element" and "reload this pane". The cursor is on a highlighted item named "Copy link to document fragment".
Did you know you can right-click any element with an ID to get a link to the document fragment? And just as easily have it formatted as markdown?
One of the many things that takes dozens of steps in other browsers that takes two clicks in Polypane.
Don't have chrome canary with experimental platform features set up?
Don't worry, also works like a charm in @polypane.app ;)
How to debug the @starting-style at-rule in Polypane
Why @starting-style exists, how to use it, how to inspect and edit it, and a little bit about what makes Polypane's elements panel so different from other devtools and why that makes things better for you.
polypane.app/blog/how-to-...
If you tried installing a VPN or proxy extension into Polypane, can you tell us why?
It happens a lot and it's a use case we really want to understand. We follow back, so you can DM if you prefer 🙏
Special shout-out to @simpleanalytics.bsky.social which automatically filters out Polypane without you having to do anything 🙌
a context menu on a header, showing a list of options like "inspect element" and "reload this pane". The cursor is on a highlighted item named "Copy link to document fragment".
Did you know you can right-click any element with an ID to get a link to the document fragment? And just as easily have it formatted as markdown?
One of the many things that takes dozens of steps in other browsers that takes two clicks in Polypane.
We'll write a full article on this later once we've gathered information for more analytics tools!
When working on your own site in Polypane, you probably want to exclude your visits from your analytics tool.
We made a list of analytics tools and how do to that directly in Polypane or in their settings. If your analytics tool isn't listed, let us know!
polypane.app/docs/website...
Immediately mesmerized on open 😍