Blog
Tips for responsive design & developer tools
Page 1 of 7
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 11: JSON viewer, new accessibility tools, Chromium 106, iPhone 14 devices and screenshot updates
Polypane 11 now renders JSON files in a completely new viewer, adds a ton of new accessibility testing features and improves upon existing ones, updates the rendering engine to Chromium 106, includes new iPhone 1…
The breakpoints we tested in 2021 & 2022, and the ones to test in 2023
Which screen sizes to design, build and test on is a perennial topic in web development. While well-built responsive websites will work at any size, during development it's easier to use a small number of sizes to check…
Thanks iPhone 14, designing for device sizes is dead
Back when the mobile web just got started, mobile design was simple (...it wasn't, but bear with me) . Your site had to fit 320px wide and it would work for "Mobile". 320px is the width of the original iPhone and…
How Blhack doubled their development speed with Polypane
We are Blhack , an Italian software house. We develop tailor-made solutions for our customers' needs. Our technology stack is based on Ruby on Rails and React. We are also very active in the e-commerce ecosystem with…
How using Polypane for Nureply helped Onur learn to love the web
Nureply is a cold emailing tool created by Onur Geneş that helps you to write automated emails with personalization and send those emails to the people you want to reach out to. When you add your lead’s website or…
CSS breakpoints used by popular CSS frameworks
When 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 Matchless Web halved their mobile optimization time
Matchless Web Studio is a one-man web agency based in Clinton, Mississippi USA. The aforementioned one man in charge is me (Jon Phillips), all-time employee of the month for 8 years and counting. My introduction to the…
How Short Hills Design saves over $700 per year thanks to Polypane
Short Hills design is a closely-knit team of six located in the USA, UK, Canada and Finland that helps healthcare and other professional small business service providers get 10-20 new patients/clients per month without…
Polypane 10: detachable panel, navigation sync, element screenshots and more
Polypane 10 brings a number of often requested workflow features to Polypane: a detachable panel, the ability to turn off navigation sync for panes and element screenshots. It also updates Polypane to Chromium 104, adds…
Polypane 9.1: Form autofilling, fast overview screenshot and outline panel overlays
Polypane 9.1 comes with new features to quickly test forms, a much faster and robust overview screenshot feature, support for the INP web vital and a new way to show the heading and landmark structure inside the panes…
:where() :is() :has()? New CSS selectors that make your life easier
When people talk about CSS complexity, a major contributor to that is CSS specificity, or writing effective CSS selectors. The more you add to a CSS selector, the more precise it is, but also, the more specific it is, so…