Blog
Tips for responsive design & developer tools
Page 1 of 9
Getting stuck: all the ways position:sticky can fail
CSS's position: sticky is a dream come true for web developers. It allows elements to switch between relative and fixed positioning based on the scroll position, without needing any JavaScript. It's great for…
Polypane on the JS Party Podcast
I joined the folks at Changelog to talk about all things Polypane and had a great time chatting about everything from the business side of things to nitty gritty details of new features I was working on. Listen to it…
The complete guide to CSS media queries
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 capabilities or user preferences. But how do they work, which ones…
Polypane 20: Browser features and performance
Polypane 20 improves the features and performance of the Elements and Outline panel, as well as improving general browser features and stability. It's also running the latest version of Chromium, 126. What's Polypane…
How to find broken links with Polypane
Broken links, or "dead links", on your website are links that go to a URL that doesn't work. Sometimes this is because the site you're linking to has gone offline or has a server error, sometimes it's because there is a…
Capturing screenshots in Polypane
Sharing in-progress work, pointing out a bug, or clarifying which area you're talking about: as a developer you're sharing screenshots all the time. In Polypane, we've made it easy to capture different types of…
Polypane 19: Workflow improvements
Polypane 19 comes with updated performance tests, a live DOM view in the elements panel and tons of workflow improvements. It also runs on a new Chromium version, 124. What's Polypane ? Polypane is the web browser for…
How to check your site in different languages and writing modes
Building sites that support multiple writing modes and languages is challenging. You don't always know the language or even the script, and changing your OS to trigger certain conditions is cumbersome. Even if you're…
Forced colors explained: A practical guide
Forced colors is a CSS media query that when active radically changes the way your site looks, without any of your input. In this article we'll explore where it comes from, how it changes your site and how you can adapt…
Field-sizing just works!
field-sizing is wild. It's a new CSS property that makes input , textarea and select automatically scale to the size of their content. That means it replaces a bunch of different techniques that all require…
Polypane 18: Introducing Polypane Portal
With Polypane Portal you can now build and test your sites across all browsers, engines and devices, all without leaving Polypane. We added new features to element inspection, the document outlines and the meta data…
My take on fading content using transparent gradients in CSS
Two days ago Amit Merchant wrote a blog post on a technique to fade text out using an overlaid element based on the design of Trunk.io . He walks through how he came to this solution so go check out the article to see…