PolypaneBlog
Tips for responsive design & developer tools
Polypane ❤ Tumult Hype. New integration
First posted on July 27, 2020Tumult Hype lets you create beautiful, responsive HTML5 animations and web content. When you preview your design by clicking the 'preview' button in Hype and selecting Polypane, it will automatically open the viewports…
How Code& increased their efficiency by 500% maintaining and improving websites like Freshwater SLSC
First posted on July 22, 2020We interviewed Dale Grant, the owner of Code& on their workflow and how Polypane fits into it. As a development-focused agency they use WordPress for a wide variety of clients and projects. Can you introduce us to Code…
CSS breakpoints used by popular CSS frameworks
First posted on July 15, 2020When using a CSS framework it often doesn't matter what devices people use. These frameworks come with their own set of CSS breakpoints with components that work well with those breakpoints. Instead of configuring…
How Tailwind Made uses Polypane
First posted on July 3, 2020The following article was written by Vivian of Tailwind Made on how they use Polypane in their development process and is part of a series of case studies by Polypane users. We’re Tailwind Made , a web shop that…
Polypane 3.2: Accessibility and viewport sizing
First posted on June 12, 2020We're introducing two big features in Polypane 3.2: The accessibility panel and viewport sizing . Beyond that we added a whole lot of smaller features and improvements, with nearly 40 items in our release notes…
The complete guide to CSS media queries
First posted on June 2, 2020Media 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 3.1: New elements panel
First posted on April 22, 2020Polypane 3.1 is now available and with over 30 new and improved features it's our biggest release ever. With Polypane 3.1 we're introducing the Polypane elements panel: A completely new elements panel written for…
8 ways to increase your productivity as a web developer (in 2020)
First posted on April 14, 2020Making websites takes time. There are a lot of parts you have to think about if you want to create a good, solid website and sometimes it might feel like there just isn't a way to go through the work faster. Whether you…
Color contrast checker that makes suggestions for better colors
First posted on March 30, 2020For the past week or so I've been helping out with Coronastatus , an online platform that's now live in 20+ countries where people can self-report their health status in relation to the COVID-19 pandemic. One of the…
Polypane 3: browser tabs and dark mode emulation
First posted on March 2, 2020Polypane 3 is now available and comes with two big new features: Media Feature emulation and Browser tabs , as well as an upgrade to Chromium 80. To allow for browser tabs we also updated the rest of the UI to match…
Polypane is now part of the GitHub Student Developer Pack
First posted on February 25, 2020We are super proud to announce that Polypane is now part of the GitHub Student Developer Pack . Eligible students get free access to Polypane for a year and can sign up starting today by authenticating with GitHub here…
CSS specificity calculator
First posted on February 24, 2020If an element is targeted by multiple selectors, browser use the specificity of the selector to determine which styling to apply. Each selector has a specificity that is determined by what you use in that selector…
4 CSS layouts without using media queries
First posted on January 22, 2020Do you always need media queries to make a website responsive? With flexbox and grid you can make responsive layouts without having to define fixed breakpoints with media queries. Adam Argyle recently showed us a tweet…
Polypane 2.1: Edit all your panes at the same time
First posted on January 14, 2020With Polypane, we want to give you better insights into your site and make the entire developer/designer workflow faster. With Polypane 2.1, we've made some huge improvements for both of those goals. What's new? Quick…
Responsive Design Glossary
First posted on December 2, 2019With responsive design come a lot of new terms and concepts and there wasn't really a single place that listed them all with explanations in plain English. So we created one. No super long articles that bury the…
Polypane 2: device emulation, new modes and simulators
First posted on November 6, 2019Polypane 2 is out! In Polypane 2 we're introducing a bunch of often-asked for features, like full device emulation, filtering and a vertical view mode but also some completely new functionality that just might change how…
Polypane 1.3: Full page mode and screenshot improvements
First posted on September 24, 2019Polypane 1.3 adds a full page mode, screenshot improvements and shortcuts for the quick switcher, as well as laying the groundwork for the upcoming Polypane 2. What's new in this release? Full mode Show a site in the…
The perfect responsive menu (2020)
First posted on September 20, 2019On a desktop, websites have the space to show the full menu or navbar. On a mobile device that space isn't there and you want to hide the menu behind a toggle (like a hamburger icon), then show it when people click that…
Give your eyes some rest with dark mode in Polypane
First posted on August 27, 2019Whether you like your entire OS to be in dark mode or not, sometimes it's just nice to dim an application and gives your eyes a little rest. That's exactly what dark mode in Polypane, one of our most requested features…
Polypane 1.2: Dark mode, Full page screenshots, Live reloading and more
First posted on August 22, 2019There is a new version of Polypane available! It brings dark mode, live reloading, full page screenshots and a ton more great features. Read on for the details. To check out the latest version, start your trial . What's…
Polypane 1.1 release notes
First posted on July 8, 2019Update 1th aug 2019: Polypane 1.1.1 is now available with the following bugfixes: Fix : zoom-to-fit on Windows (it got broken in 1.1, sorry!) Improvement : better breakpoint detection for certain sites Improvement…
Responsive design ground rules for 2020
First posted on July 2, 2019Creating a responsive design can be intimidating. There are many moving parts, things might lay out in ways you didn't expect and keeping all various viewports in mind when laying out a design can be daunting. With these…
Responsive CSS breakpoints for the top 50 websites 2019
First posted on May 27, 2019With Polypane, it's simple to see a website in all the responsive widths it's designed for. Polypane intelligently parses the CSS and finds all the media query declarations. We looked at the top 50 websites worldwide…
Why you need a development browser
First posted on April 25, 2019You're probably looking at this site in Google Chrome or Firefox. That's fine, that's exactly what they're for: browsing the web, and being really, really good at browsing the web. They're built for that. They're built…
Roadmap, and why Polypane is a subscription
First posted on March 30, 2019Hi, I'm Kilian. I'm the solo developer of Polypane. Let me tell you about why Polypane is a subscription, and what that means for the roadmap. Polypane is a subscription so that I can focus on adding new features…