{"componentChunkName":"component---src-templates-blog-list-jsx","path":"/blog/5/","result":{"data":{"allMdx":{"edges":[{"node":{"fields":{"slug":"/blog/how-to-check-your-site-in-different-languages-and-writing-modes/","date":"2024-05-15T22:00:00.000Z","updated":"2024-05-15T22:00:00.000Z","collection":"posts"},"excerpt":"Building sites that support multiple writing modes and languages is challenging. You don't always know the language or even the script, and changing your OS to trigger certain conditions is cumbersome. Even if you're…","timeToRead":7,"frontmatter":{"title":"How to check your site in different languages and writing modes","cover":"/blogs/l10n/cover.svg","date":"2024-05-16","updated":null}}},{"node":{"fields":{"slug":"/blog/forced-colors-explained-a-practical-guide/","date":"2022-04-18T22:00:00.000Z","updated":"2024-05-09T22:00:00.000Z","collection":"posts"},"excerpt":"Forced colors is a CSS media query that when active radically changes the way your site looks, without any of your input.\nIn this article we'll explore where it comes from, how it changes your site and how you can adapt…","timeToRead":11,"frontmatter":{"title":"Forced colors explained: A practical guide","cover":"/blogs/forcedcolors/cover.svg","date":"2022-04-19","updated":"2024-05-10"}}},{"node":{"fields":{"slug":"/blog/field-sizing-just-works/","date":"2024-01-29T23:00:00.000Z","updated":"2024-04-01T22:00:00.000Z","collection":"posts"},"excerpt":"field-sizing  is wild. It's a new CSS property that makes  input ,  textarea  and  select  automatically scale to the size of their content. That means it replaces a bunch of different techniques that all require…","timeToRead":4,"frontmatter":{"title":"Field-sizing just works!","cover":"/blogs/field-sizing/cover.svg","date":"2024-01-30","updated":"2024-04-02"}}},{"node":{"fields":{"slug":"/blog/polypane-18-introducing-polypane-portal/","date":"2024-02-21T23:00:00.000Z","updated":"2024-02-21T23:00:00.000Z","collection":"posts"},"excerpt":"With Polypane Portal you can now build and test your sites across all browsers, engines and devices, all without leaving Polypane. We added new features to element inspection, the document outlines and the meta data…","timeToRead":10,"frontmatter":{"title":"Polypane 18: Introducing Polypane Portal","cover":"/img/mail/icon.svg","date":"2024-02-22","updated":null}}},{"node":{"fields":{"slug":"/blog/my-take-on-fading-content-using-transparent-gradients-in-css/","date":"2024-01-18T23:00:00.000Z","updated":"2024-01-18T23:00:00.000Z","collection":"posts"},"excerpt":"Two days ago Amit Merchant wrote a blog post on  a technique to fade text out  using an overlaid element based on the design of  Trunk.io . He walks through how he came to this solution so go check out the article to see…","timeToRead":4,"frontmatter":{"title":"My take on fading content using transparent gradients in CSS","cover":"/blogs/fading-content/cover.svg","date":"2024-01-19","updated":null}}},{"node":{"fields":{"slug":"/blog/polypane-17-1/","date":"2024-01-17T23:00:00.000Z","updated":"2024-01-17T23:00:00.000Z","collection":"posts"},"excerpt":"Polypane 17.1 is primarily a bugfix and security release, but contains a few new features and newly supported browser extensions, as well as an updated Chromium. New Social media designs Twitter/X updated their card…","timeToRead":2,"frontmatter":{"title":"Polypane 17.1","cover":"/img/mail/icon.svg","date":"2024-01-18","updated":null}}},{"node":{"fields":{"slug":"/blog/experimental-chromium-web-platform-features/","date":"2023-12-18T23:00:00.000Z","updated":"2023-12-18T23:00:00.000Z","collection":"posts"},"excerpt":"Polypane ships with the \"experimental web platform features\" flag enabled. This means you get to use a whole bunch of cool features as they're being experimented with in Chromium. It's the same flag that many blog posts…","timeToRead":2,"frontmatter":{"title":"Experimental Chromium Web Platform Features","cover":"/blogs/experimentalfeatures/cover.svg","date":"2023-12-19","updated":null}}},{"node":{"fields":{"slug":"/blog/polypane-17-meta-panel-updates-reference-image-split-slider-and-chromium-120/","date":"2023-12-14T23:00:00.000Z","updated":"2023-12-14T23:00:00.000Z","collection":"posts"},"excerpt":"Polypane 17 ships with new features in the meta panel, a new split slider feature in the reference image tool, an updated console.table, native window controls on Windows and it runs on Chromium 120. Meta panel updates A…","timeToRead":8,"frontmatter":{"title":"Polypane 17: Meta panel updates, Reference image split slider and Chromium 120","cover":"/img/mail/icon.svg","date":"2023-12-15","updated":null}}},{"node":{"fields":{"slug":"/blog/using-selectlist-in-react/","date":"2023-11-14T23:00:00.000Z","updated":"2023-11-14T23:00:00.000Z","collection":"posts"},"excerpt":"Selectlist is an upcoming element that replaces the native select element with a fully stylable and customizable one, while still keeping all the native interactions and accessibility features. It's a sorely needed…","timeToRead":2,"frontmatter":{"title":"Using Selectlist in React","cover":"/blogs/selectlist-in-react/cover.svg","date":"2023-11-15","updated":null}}},{"node":{"fields":{"slug":"/blog/developing-for-color-blindness-with-polypane/","date":"2022-03-13T23:00:00.000Z","updated":"2023-11-12T23:00:00.000Z","collection":"posts"},"excerpt":"While you might know about color blindness, it can be difficult to imagine being color blind. In fact, many people think\nit means you can't see any color at all, which is not true. Full color blindness, or \"Achromatopsia…","timeToRead":3,"frontmatter":{"title":"Developing for color blindness with Polypane","cover":"/blogs/a11y/cover.svg","date":"2022-03-14","updated":"2023-11-13"}}},{"node":{"fields":{"slug":"/blog/responsive-design-ground-rules/","date":"2019-07-01T22:00:00.000Z","updated":"2023-11-02T23:00:00.000Z","collection":"posts"},"excerpt":"Creating 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…","timeToRead":6,"frontmatter":{"title":"Responsive design ground rules (updated for 2024)","cover":"/blogs/groundrules/cover.svg","date":"2019-07-2","updated":"2023-11-03"}}},{"node":{"fields":{"slug":"/blog/polypane-16-workflow-improvements-scoped-styles-and-chromium-118/","date":"2023-10-29T23:00:00.000Z","updated":"2023-10-29T23:00:00.000Z","collection":"posts"},"excerpt":"Polypane 16 ships a ton of improvements to common workflows, updates to the meta panel social media previews, support for @scope in the elements panel, an update to Chromium 118 and more. @scope support in the elements…","timeToRead":6,"frontmatter":{"title":"Polypane 16: workflow improvements, scoped styles and Chromium 118","cover":"/img/mail/icon.svg","date":"2023-10-30","updated":null}}}]}},"pageContext":{"limit":12,"skip":48,"numPages":12,"currentPage":5}},"staticQueryHashes":["4164364741","425175329"]}