Blog
Tips for responsive design & developer tools
Page 5 of 9
Polypane 8.1: Resizable element tree, disable JS feature, new debug tools and more
Polypane 8.1 comes with two often requested features: The tree view in the elements panel is now resizable so you can adapt it to your preferences, and there is a new Disable JS debug tool that disables JavaScript in a…
How we made the State of CSS more responsive and accessible
Each year, the state of CSS takes a global survey of the CSS landscape. Its results are highly regarded and influence browsers, toolmakers and web developers around the world. So I (Kilian) was super honored when I was…
Polypane is now part of the GitHub Education Intro to Web Dev pack
We are proud to announce that Polypane is now part of GitHub Education Intro to Web Dev . The response to Polypane being part of the Github Student Developer Pack has been phenomenal. Seeing Polypane be used across the…
Polypane 8: better Elements Inspector, new syncing features, Chromium 98 and more
Polypane 8 comes with a better Elements inspector, big performance improvements, Chromium 98 and many other new and improved features, like forced colors emulation, focus state sync, ARM support, UI improvement, a new…
Improving your CLS and LCP Core Web Vitals
Web Vitals are a set of measurements that gauge the user experience of your website. If you score poorly on them, your site is not as nice to use as a site with good Core Web Vitals. Google also uses them to determine…
The EyeDropper API: Pick colors from anywhere on your screen
With the new EyeDropper API in Chromium, websites can let visitors pick colors from anywhere on their screen, adding another feature to the web that used to require hacky solutions and is now just a few lines of code…
Polypane 7
Polypane 7 adds a new color picker tool, support for pseudo-elements and pseudo-classes in the Elements panel, new Web Vitals data and visualisations, an integration with Marker.io, new simulators, an update to Chromium…
Find and fix accessibility issues with Polypane
At Polypane, accessibility is one of the three core areas we focus on, along with performance and responsive design. If you're not familiar with Polypane, it's a web browser specifically for web developers. It has all…
How TeliportMe is moving to the web with Polypane
We interviewed Vineet Devaiah, the CEO of TeliportMe on their move to the web and how Polypane is helping them do this. Hey Vineet, so good to talk to you! Can you introduce us to TeliportMe ? Yeah, Teliportme is the…
How to find the cause of horizontal scrollbars
One of the most time consuming issues when it comes to web development is debugging horizontal scrollbars . They're easy to overlook while developing (especially on macs) and if users scrolls horizontally, your layout…
Polypane 6.3: Tunnel vision simulator, webmanifest support, updated UI
In Polypane 6.3 we added new debug tools and improved the meta panel and outline panel. And we moved the reload button. What's Polypane? Polypane is a web browser for developers, designers and anyone that works on web…
Detecting media query support in CSS and JavaScript
Recently I needed a way to detect support for a media query in CSS and JavaScript. To detect if a browser supports a certain CSS feature, you can use @supports () { ... } , but that doesn't work for media queries. In…