@polypane

See every screen, device & user preference, while you build | Try for free at https://xitter.cf/t.co/J0zwnuXQ67 | By @kilianvalkhof

 The Netherlands
polypane.app
Joined September 2016
  • Tweets2.3K
  • Following2.3K
  • Followers2.4K
407Media
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 📱iPhone Duo presets polypane.app/blog/polypane-3…

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
1
2
1
5
582
Every long-lived website ends up with cobwebs. 🕸️ Things that used to work, but no longer do. Like httpequiv for IE8-10, a fb:pages id or the Windows 8 tile tags. None of them do anything. But which ones can you safely get rid of? The next version of Polypane will tell you!
A list of meta tags with their value. Two of the tags have an orange cobweb icon

ALT A list of meta tags with their value. Two of the tags have an orange cobweb icon

2
2
5
226
Polypane. Browser for web devs retweeted
Polypane. Browser for web devs@polypaneOct 13
We've updated our 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 site is updated too.

Color Contrast Checker for WCAG & APCA. Analyse, preview and get color suggestions.

Check the contrast between colors using WCAG or APCA and get suggestions for better colors in hex, RGB, HSL or HWB.

colorcontrast.app
5
9
396
We've updated our 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 site is updated too.

Color Contrast Checker for WCAG & APCA. Analyse, preview and get color suggestions.

Check the contrast between colors using WCAG or APCA and get suggestions for better colors in hex, RGB, HSL or HWB.

colorcontrast.app
5
9
396
You can now create a new Polypane account by signing in with Google, alongside the existing GitHub and username/password registration options. Head over to polypane.app to start your trial!
A three-pane overview of the trial signup page on Polypane.app showing it on mobile, tablet and desktop.

ALT A three-pane overview of the trial signup page on Polypane.app showing it on mobile, tablet and desktop.

3
5
267
If you're an accessibility auditor, 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%, letting you check WCAG 1.4.4 and 1.4.10 in one fell swoop!
A website in three panes in Polypane at three different zoom levels: 100%, 200% and 400%

ALT A website in three panes in Polypane at three different zoom levels: 100%, 200% and 400%

3
5
200
Did you try our new flex item visualizer yet? It shipped in Polypane 31
A flex item visualiser showing a graphical representation and the values final size, base size, flexibility and minimum size split out.

ALT A flex item visualiser showing a graphical representation and the values final size, base size, flexibility and minimum size split out.

Polypane. Browser for web devs@polypaneSep 29
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 📱iPhone Duo presets polypane.app/blog/polypane-3…

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
2
4
291
Polypane. Browser for web devs retweeted
Polypane. Browser for web devs@polypaneSep 25
Go to definition for CSS custom properties is pretty nice. Finding your way back with a single click, that's even nicer.
4
9
553
Go to definition for CSS custom properties is pretty nice. Finding your way back with a single click, that's even nicer.
4
9
553
The root scroller in your browser (scrolling the viewport) is special, but it's really easy to accidentally create a new scroll container. Learn how nested scroll containers break scroll restoration, mobile browser UI and more, and how to avoid them. polypane.app/blog/the-root-s…

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
2
4
193
Polypane. Browser for web devs retweeted
Polypane. Browser for web devs@polypaneSep 21
This is Polypane. youtube.com/watch?v=uGr-6Bsg…

Polypane, the browser for web developers

Polypane is the browser for web developersSee every screen, devic...

youtube.com
4
5
471
This is Polypane. youtube.com/watch?v=uGr-6Bsg…

Polypane, the browser for web developers

Polypane is the browser for web developersSee every screen, devic...

youtube.com
4
5
471
Polypane 30.1 is here! Yep, already. We landed a few features that were so cool we just couldn't wait. polypane.app/blog/polypane-3…

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 on Linux and a…

polypane.app
2
4
230
We've given our online CSS selector specificity calculator some nice upgrades! - Improved resolution of function nested specificity - Highlighting parts while you type (using Highlight API) - Explore your selector by hovering over each part Check it out: polypane.app/css-specificity…
1
2
6
375
Polypane. Browser for web devs retweeted
Polypane. Browser for web devs@polypaneAug 19
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 🌍 Chromium 152 ⛰️ MORE polypane.app/blog/polypane-3…

Polypane 30: Playgrounds, Side Panel extension API, updated video recording and Chromium 152 |...

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
4
5
326
Check out our newest testimonial by @Craig_PointC See all our latest testimonials here: polypane.app/testimonials/
Shout-out to Polypane. I've been working on a website with a fairly complex layout and I can't image [sic] developing anything without it. Too many features to list. Just try it. You'll love it. Craig Roblewsky Cofounder Sleepy Dog Media Group

ALT Shout-out to Polypane. I've been working on a website with a fairly complex layout and I can't image [sic] developing anything without it. Too many features to list. Just try it. You'll love it. Craig Roblewsky Cofounder Sleepy Dog Media Group

2
2
167
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 🌍 Chromium 152 ⛰️ MORE polypane.app/blog/polypane-3…

Polypane 30: Playgrounds, Side Panel extension API, updated video recording and Chromium 152 |...

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
4
5
326
Check out our new set of cheatsheets for Flex, Grid, Anchor Positioning and Invoker commands, completely free! 👉 polypane.app/cheatsheets/
Cheatsheets for flex, grid, anchor positioning and invoker commands, Polypane.app

ALT Cheatsheets for flex, grid, anchor positioning and invoker commands, Polypane.app

2
7
228
Our helper extension got a new update, adding even more options to help move your workflow over to Polypane. Configure any domain to get a button, full page overlay or let it automatically forward pages to Polypane. Available for all the browsers. polypane.app/docs/helper-ext…
"Overlay behavior. The helper adds a button to local URLs. You can configure additional rules for specific domains." What follows is three images showing the button, overlay and auto-open styles along with instructions.

ALT "Overlay behavior. The helper adds a button to local URLs. You can configure additional rules for specific domains." What follows is three images showing the button, overlay and auto-open styles along with instructions.

2
7
234
Polypane's snippets store has dozens of snippets that add new functionality to Polypane that you can install with a single click. Browse the collection here polypane.app/snippets/
3
6
279
Load more