Skip to contentSkip to footer

CSS breakpoints used by popular CSS frameworks

1 min read. Posted on January 17, 2022

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…

Read Article

Improving your CLS and LCP Core Web Vitals

6 min read. Posted on November 24, 2021

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…

Read Article

The EyeDropper API: Pick colors from anywhere on your screen

4 min read. Posted on November 11, 2021

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…

Read Article

Polypane 7

10 min read. Posted on November 8, 2021

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…

Read Article

Find and fix accessibility issues with Polypane

14 min read. Posted on October 25, 2021

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…

Read Article

How TeliportMe is moving to the web with Polypane

4 min read. Posted on October 11, 2021

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…

Read Article

How to find the cause of horizontal scrollbars

3 min read. Posted on August 17, 2021

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…

Read Article

Polypane 6.3: Tunnel vision simulator, webmanifest support, updated UI

5 min read. Posted on August 5, 2021

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…

Read Article

Detecting media query support in CSS and JavaScript

4 min read. Posted on July 19, 2021

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…

Read Article

Polypane 6.2: HTML validation, robots.txt support, RTL emulation and more

7 min read. Posted on July 14, 2021

In Polypane 6.2 we focused on improving the app performance and consistency, particularly around updating, pane resizing, tab handling and dark mode. What's Polypane? Polypane is a web browser for developers, designers…

Read Article

Creating websites with prefers-reduced-data

8 min read. Posted on July 6, 2021

Even though more and more people get access to the internet every day, not all of them have fast gigabit connections or unlimited data. Using the media query prefers-reduced-data we can keep our sites accessible to…

Read Article

Fixing contrast issues, on your own site and elsewhere

2 min read. Posted on June 8, 2021

Insufficient text contrast is the most common accessibility issue on websites today. According to the WebAIM Million report for 2021 , 86.4% of home pages world wide have low contrast text. What's worse, this number has…

Read Article