Lightnews — Scholar-powered news

Polypane @polypane.app · 1d

Kilian is at Frontmania today to speak about the INTL API! Make sure to grab the magazine for a cool article about Polypane and ask Kilian for some stickers!

A magazine folded open showing an article with the title ‘a browser just for developers’

2

Reposted by Polypane

Frontend Dogma @frontenddogma.com · 1d

Polypane 26: Accurate Device Emulation With Safe Area and Small Viewport Units, by @polypane.app:

https://polypane.app/blog/polypane-26-accurate-device-emulation-with-safe-area-and-small-viewport-units/

#releasenotes #polypane #browsers

Polypane 26: Accurate device emulation with safe area and small viewport units | Polypane

Polypane 26 brings the most accurate device emulation available anywhere. We now emulate small viewport units (svh) and device-specific safe area insets, two…

polypane.app

2 2

Reposted by Polypane

Paul van Buuren 🍉‬ @paulvanbuuren.nl · 6d

Nerds. Als je websites loopt (*) te bouwen, dan wil je de boel testen in een hele goede, complete browser.

Daarom raad ik de browser aan van Nederlands beste browser-bouwer @polypane.app

Ik gebruik 'm al jaren en ik kan nog steeds nieuwe dingen ontdekken:
polypane.app

Polypane. The browser for web developers who care about their craft and users.

Polypane is a powerful desktop browser for web developers, built to streamline responsive design, accessibility, and SEO testing, all in one place.

polypane.app

3 1 2

Reposted by Polypane

Craig Roblewsky @pointc.bsky.social · 6d

Haven't praised @polypane.app lately so here it is. Such an awesome tool. I seriously can't imagine developing anything without it. Worth every penny. Highly recommended.

Polypane. The browser for web developers who care about their craft and users.

Polypane is a powerful desktop browser for web developers, built to streamline responsive design, accessibility, and SEO testing, all in one place.

polypane.app

4 8

Polypane @polypane.app · 7d

Custom media queries are actively being worked on in Chromium, so it won't be long until we can update our complete guide to CSS Media queries!

Check it out to get a head start on using custom media queries.

polypane.app/blog/the-com...

The complete guide to CSS media queries | Polypane

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…

polypane.app

2 3

Polypane @polypane.app · 7d

Find all the new features in our release notes: polypane.app/blog/polypan...

Polypane 26: Accurate device emulation with safe area and small viewport units | Polypane

Polypane 26 brings the most accurate device emulation available anywhere. We now emulate small viewport units (svh) and device-specific safe area insets, two…

polypane.app

2

Polypane @polypane.app · 7d

New in Polypane 26: all our devices emulate the correct `safe-area-inset-*` CSS environment variables, as well as the correct small viewport height.

Toggle the visualization from the emulation settings to see where they're located. Like browser UI the svh overlay scrolls away when you scroll down.

1 2 16

Reposted by Polypane

Dave Letorey @letorey.co.uk · 9d

@polypane.app is an absolute game changer if you develop websites.
polypane.app/blog/polypan...

Polypane 26: Accurate device emulation with safe area and small viewport units | Polypane

Polypane 26 brings the most accurate device emulation available anywhere. We now emulate small viewport units (svh) and device-specific safe area insets, two…

polypane.app

1 4 9

Polypane @polypane.app · 9d

Everything's easily configurable for the folks wanting to check against Chrome-on-iOS or Firefox-on-Android, instead of the 'defaults' of Safari on iOS and Chrome on Android 👍

3

Reposted by Polypane

Kilian Valkhof @kilianvalkhof.com · 9d

This was a tiny feature to implement, but I get so much value out of color coding the address bar depending on the domain I'm working on.

Tab customization in @polypane.app: polypane.app/docs/tab-cus...

Polypane app with a yellow-tinted address bar and tab, alongside a blue-tinted tab.

1 7

Reposted by Polypane

Polypane @polypane.app · 9d

Polypane 26 is here!

Emulate safe-inset-area variables and the small viewport height inside Polypane for the most accurate device emulation available.

Of course there's more, like improvements to inspection, measurement overlays, Chromium 140 and much more.

polypane.app/blog/polypan...

Polypane 26: Accurate device emulation with safe area and small viewport units | Polypane

Polypane 26 brings the most accurate device emulation available anywhere. We now emulate small viewport units (svh) and device-specific safe area insets, two…

polypane.app

5 20

Polypane @polypane.app · 9d

Polypane 26 is here!

Emulate safe-inset-area variables and the small viewport height inside Polypane for the most accurate device emulation available.

Of course there's more, like improvements to inspection, measurement overlays, Chromium 140 and much more.

polypane.app/blog/polypan...

Polypane 26: Accurate device emulation with safe area and small viewport units | Polypane

Polypane 26 brings the most accurate device emulation available anywhere. We now emulate small viewport units (svh) and device-specific safe area insets, two…

polypane.app

5 20

Reposted by Polypane

Polypane @polypane.app · 17d

Did you know our CSS Specificity calculator has a 'secret' feature?

If you give it multiple comma separated selectors, you can sort them by specificity and see which one wins!

polypane.app/css-specific...

CSS Selector Specificity Calculator | Polypane

Quickly calculate any CSS selector specificity score along with explanations. With full support for complex CSS selectors.

polypane.app

4 7

Polypane @polypane.app · 17d

Help us out? 🙏

Kilian Valkhof @kilianvalkhof.com · 17d

There's a masive lack of decent up-to-date Android emulation options. Google doesn't have a Pixel 10 emulator in the official Android studio, let alone anything non-Google like Samsung or Xiaomi

If you have an Android device running Chrome 140 & want to help me out adding yours to Polypane, DM me!

2

Polypane @polypane.app · 17d

Did you know our CSS Specificity calculator has a 'secret' feature?

If you give it multiple comma separated selectors, you can sort them by specificity and see which one wins!

polypane.app/css-specific...

CSS Selector Specificity Calculator | Polypane

Quickly calculate any CSS selector specificity score along with explanations. With full support for complex CSS selectors.

polypane.app

4 7

Reposted by Polypane

Dean Leigh @deanleigh.bsky.social · 21d

I just renewed @polypane.app for another year.
I highly recommend it for testing numerous aspects of your site in a single application.

2 1 5

Polypane @polypane.app · 21d

❤️

Reposted by Polypane

Kilian Valkhof @kilianvalkhof.com · 22d

Updated with some progressive enhancement 👍

Polypane @polypane.app · 23d

CSS-only floating focus with anchor positioning

We're using anchor positioning to duplicate our Track Focus debug tool (that shows a floating indicator around focused elements) using purely CSS. Follow the walk-through and check out the demo at the end!

polypane.app/blog/css-onl...

CSS-only floating focus with anchor positioning | Polypane

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 the…

polypane.app

2 2

Reposted by Polypane

Polypane @polypane.app · 23d

CSS-only floating focus with anchor positioning

We're using anchor positioning to duplicate our Track Focus debug tool (that shows a floating indicator around focused elements) using purely CSS. Follow the walk-through and check out the demo at the end!

polypane.app/blog/css-onl...

CSS-only floating focus with anchor positioning | Polypane

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 the…

polypane.app

3 4

Polypane @polypane.app · 23d

CSS-only floating focus with anchor positioning

We're using anchor positioning to duplicate our Track Focus debug tool (that shows a floating indicator around focused elements) using purely CSS. Follow the walk-through and check out the demo at the end!

polypane.app/blog/css-onl...

CSS-only floating focus with anchor positioning | Polypane

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 the…

polypane.app

3 4

Reposted by Polypane

Kilian Valkhof @kilianvalkhof.com · 27d

-> Polypane
-> Focus mode
-> So smooth.

Bonus:
1. Animated transition between known sizes
2. Zoom way, way larger than your current screen
3. Stress test with random resizes

1 1 5

Polypane @polypane.app · Aug 25

🧙‍♀️

sylvia @svillegas.com · Aug 25

Umm, so I finally actually learned about @polypane.app and started a trial today, and now I feel like an unstoppable wizard. 🪄

2

Reposted by Polypane

Kilian Valkhof @kilianvalkhof.com · Aug 25

Exciting! @polypane.app has been selected as one of the Best Companies to Watch in 2025 by the research team of "CEO Vision".

I'm not going to pay the Nominal Sponsorship fee of $1500 to be featured in the magazine but figured I should share the news with you all regardless.

2 16

Reposted by Polypane

Frontend Focus 🚀 @frontendfocus.bsky.social · Aug 20

Build Better Websites with The Polypane Development Browser: https://www.youtube.com/watch?v=ThOq55qbJ2Y

Auf YouTube findest du die angesagtesten Videos und Tracks. Außerdem kannst du eigene Inhalte hochladen und mit Freunden oder gleich der ganzen Welt teilen.

www.youtube.com

2 6

Polypane @polypane.app · Aug 18

ah. We have @passmail.com whitelisted but not the .net TLD. Should be good now!

1