Blog
Tips for responsive design & developer tools
Page 7 of 9
Don't you forget about me: overlooked breakpoints in responsive design.
We get it, there's infinite breakpoints you need to test on and only so much hours in a day, so some breakpoints just get a little more attention than others. You focus most of your time on the devices you have. At…
Polypane 5.1: Web components support
Polypane 5.1 introduces support for web components across the application, many improvements to the Outline panel and Contrast checker. There an updates to the Chromium version, Google fonts list and accessibility…
Checking webpage quality in 5 minutes with Polypane
In this article we'll check the quality of a web page in about 5 minutes, from meta info to accessibility. Polypane has many features that make it easy to see different parts of your site, inspect them for issues and it…
Polypane 5: Console popups, performance and focus overview
Polypane 5 is out with new ways to see your console messages, new performance settings and a new focus order overview. It has a new Chromium version (89), many performance improvements, updated UI elements and new debug…
How Maurits Meester combines front-end development with beer
Maurits is a freelance front-end developer and co-founder of Brouwerij Victorie , a brewery in Amsterdam with a gorgeous website. We spoke with him about beer (naturally), e-commerce and Henri's, a Sass design toolbelt…
Faking container queries with CSS Grid
Container queries are an (hopefully) upcoming feature in CSS that will let you create responsive designs that respond to the dimensions of their container (like a div or other HTML element) rather than the dimensions of…
Debug your visual hierarchy with the squint test
"The squint test" is a method to get a feel for the visual hierarchy of your page and the name is quite literally what you're supposed to do. When you squint your eyes and move away from your screen a little you distort…
How Sergio Mattei made the next Makerlog 6x faster with Polypane
Sergio is the creator of Makerlog , a web app that lets Makers log their progress [including me - Kilian] and he is building the next version using Polypane. We interviewed him about his challenges and how Polypane…
Polypane 4: Unified Console, DOM tree in elements panel
A new unified Polypane console, a treeview in the elements panel, prefers-reduced-data and locale emulation, docked devtools for isolated panes, new and updated social media previews and debug tools, Chromium 87 and…
Polypane demo with Shawn @swyx Wang
Last Tuesday together with Shawn @swyx Wang we held a livestream to give a tour of Polypane. We used Shawn's website to go through most of the features Polypane has to offer and shared thoughts on modern web…
Beautiful CSS 3D Transform Examples
3D transforms and perspective can be a great trick to add depth and texture to any website but they're tricky to get right. They can easily look skewed, too flat or distorted if you don't use a fitting perspective or…
Polypane 3.3: Grids and guides, horizontal overflow detection and updated UI
Add grids and guides to your site, detect which elements cause horizontal overflows, new overlays, a refreshed UI and noticable performance improvements. with over 50 changes there's quite a lot to find in the new…