{"componentChunkName":"component---src-templates-blog-list-jsx","path":"/blog/9/","result":{"data":{"allMdx":{"edges":[{"node":{"fields":{"slug":"/blog/detecting-media-query-support-in-css-and-javascript/","date":"2021-07-18T22:00:00.000Z","updated":"2021-07-18T22:00:00.000Z","collection":"posts"},"excerpt":"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…","timeToRead":4,"frontmatter":{"title":"Detecting media query support in CSS and JavaScript","cover":"/blogs/detect-media-support/cover.svg","date":"2021-07-19","updated":null}}},{"node":{"fields":{"slug":"/blog/polypane-6-2-html-validation-robots-txt-support-rtl-emulation-and-more/","date":"2021-07-13T22:00:00.000Z","updated":"2021-07-13T22:00:00.000Z","collection":"posts"},"excerpt":"In Polypane 6.2 we focused on improving the app performance and consistency, particularly around updating, pane resizing, tab handling and dark mode. We still added a fair few new features, including some that many of…","timeToRead":7,"frontmatter":{"title":"Polypane 6.2: HTML validation, robots.txt support, RTL emulation and more","cover":"/img/mail/icon.svg","date":"2021-07-14","updated":null}}},{"node":{"fields":{"slug":"/blog/creating-websites-with-prefers-reduced-data/","date":"2020-11-26T23:00:00.000Z","updated":"2021-07-05T22:00:00.000Z","collection":"posts"},"excerpt":"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…","timeToRead":8,"frontmatter":{"title":"Creating websites with prefers-reduced-data","cover":"/blogs/reduced-data/cover.svg","date":"2020-11-27","updated":"2021-07-06"}}},{"node":{"fields":{"slug":"/blog/fixing-contrast-issues-on-your-own-site-and-elsewhere/","date":"2021-06-07T22:00:00.000Z","updated":"2021-06-07T22:00:00.000Z","collection":"posts"},"excerpt":"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…","timeToRead":2,"frontmatter":{"title":"Fixing contrast issues, on your own site and elsewhere","cover":"/blogs/fixcontrast/icon.svg","date":"2021-06-08","updated":null}}},{"node":{"fields":{"slug":"/blog/a-11-y-tooling-in-polypane/","date":"2021-06-06T22:00:00.000Z","updated":"2021-06-06T22:00:00.000Z","collection":"posts"},"excerpt":"On May 25th Kilian Valkhof (the creator of Polypane) joined the Twitch channel of  Stephanie Eckles  to walk through most of the accessibility options in Polypane. Check out the recording below: If you prefer reading…","timeToRead":1,"frontmatter":{"title":"A11y tooling in Polypane (video)","cover":"/blogs/a11y/cover.svg","date":"2021-06-07","updated":null}}},{"node":{"fields":{"slug":"/blog/polypane-6-1-readability-content-chaos-and-rewritten-event-sync-engine/","date":"2021-05-31T22:00:00.000Z","updated":"2021-05-31T22:00:00.000Z","collection":"posts"},"excerpt":"Polypane 6.1 adds two new debug tools and a much more performant, completely rewritten interaction syncing engine along with numerous smaller improvements and bug fixes. Readability debug tool The readability debug tool…","timeToRead":4,"frontmatter":{"title":"Polypane 6.1: Readability, Content Chaos and rewritten event sync engine","cover":"/img/mail/icon.svg","date":"2021-06-01","updated":null}}},{"node":{"fields":{"slug":"/blog/the-perfect-responsive-menu/","date":"2019-09-19T22:00:00.000Z","updated":"2021-05-29T22:00:00.000Z","collection":"posts"},"excerpt":"On 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…","timeToRead":2,"frontmatter":{"title":"The perfect responsive menu (2021)","cover":"/blogs/perfectmenu/cover.svg","date":"2019-09-20","updated":"2021-05-30"}}},{"node":{"fields":{"slug":"/blog/device-testing-is-not-enough/","date":"2021-05-26T22:00:00.000Z","updated":"2021-05-26T22:00:00.000Z","collection":"posts"},"excerpt":"When you get started with responsive design, you wouldn't be wrong to think it's all about devices. Questions like \"which size to use for mobile\" quickly come up, and most testing is done on developers' own devices…","timeToRead":3,"frontmatter":{"title":"Device testing is not enough","cover":"/blogs/devicesizes/cover.svg","date":"2021-05-27","updated":null}}},{"node":{"fields":{"slug":"/blog/polypane-6-peek-webvitals-new-simulators-chromium-91/","date":"2021-05-11T22:00:00.000Z","updated":"2021-05-11T22:00:00.000Z","collection":"posts"},"excerpt":"Polypane 6 is now available! It's another packed release with new features, simulators, performance improvements and a new version of Chromium powering it all. Read on to learn about all the cool new things we have for…","timeToRead":8,"frontmatter":{"title":"Polypane 6: Peek, Webvitals, new simulators & Chromium 91","cover":"/img/mail/icon.svg","date":"2021-05-12","updated":null}}},{"node":{"fields":{"slug":"/blog/overlooked-breakpoints-in-responsive-design/","date":"2021-04-22T22:00:00.000Z","updated":"2021-04-22T22:00:00.000Z","collection":"posts"},"excerpt":"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…","timeToRead":3,"frontmatter":{"title":"Don't you forget about me: overlooked breakpoints in responsive design.","cover":"/blogs/overlooked/cover.svg","date":"2021-04-23","updated":null}}},{"node":{"fields":{"slug":"/blog/polypane-5-1-web-components-support/","date":"2021-03-31T22:00:00.000Z","updated":"2021-03-31T22:00:00.000Z","collection":"posts"},"excerpt":"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…","timeToRead":3,"frontmatter":{"title":"Polypane 5.1: Web components support","cover":"/img/mail/icon.svg","date":"2021-04-01","updated":null}}},{"node":{"fields":{"slug":"/blog/checking-webpage-quality-in-5-minutes-with-polypane/","date":"2021-03-28T22:00:00.000Z","updated":"2021-03-28T22:00:00.000Z","collection":"posts"},"excerpt":"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…","timeToRead":8,"frontmatter":{"title":"Checking webpage quality in 5 minutes with Polypane","cover":"/blogs/5mintest/cover.svg","date":"2021-03-29","updated":null}}}]}},"pageContext":{"limit":12,"skip":96,"numPages":12,"currentPage":9}},"staticQueryHashes":["4164364741","425175329"]}