{"componentChunkName":"component---src-templates-blog-list-jsx","path":"/blog/10/","result":{"data":{"allMdx":{"edges":[{"node":{"fields":{"slug":"/blog/polypane-5-console-popups-performance-and-focus-overview/","date":"2021-03-03T23:00:00.000Z","updated":"2021-03-03T23:00:00.000Z","collection":"posts"},"excerpt":"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…","timeToRead":8,"frontmatter":{"title":"Polypane 5: Console popups, performance and focus overview","cover":"/img/mail/icon.svg","date":"2021-03-04","updated":null}}},{"node":{"fields":{"slug":"/blog/how-maurits-meester-combines-front-end-development-with-beer/","date":"2021-02-08T23:00:00.000Z","updated":"2021-02-08T23:00:00.000Z","collection":"posts"},"excerpt":"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…","timeToRead":5,"frontmatter":{"title":"How Maurits Meester combines front-end development with beer","cover":"/blogs/victorie/cover.jpg","date":"2021-02-09","updated":null}}},{"node":{"fields":{"slug":"/blog/faking-container-queries-with-css-grid/","date":"2021-02-01T23:00:00.000Z","updated":"2021-02-01T23:00:00.000Z","collection":"posts"},"excerpt":"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…","timeToRead":4,"frontmatter":{"title":"Faking container queries with CSS Grid","cover":"/blogs/containerquerygrid/facebooks.png","date":"2021-02-02","updated":null}}},{"node":{"fields":{"slug":"/blog/debug-your-visual-hierarchy-with-the-squint-test/","date":"2020-12-10T23:00:00.000Z","updated":"2020-12-10T23:00:00.000Z","collection":"posts"},"excerpt":"\"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\nyou squint your eyes and move away from your screen a little you distort…","timeToRead":3,"frontmatter":{"title":"Debug your visual hierarchy with the squint test","cover":"/blogs/squint-test/cover.svg","date":"2020-12-11","updated":null}}},{"node":{"fields":{"slug":"/blog/how-sergio-mattei-made-the-next-makerlog-6-x-faster-with-polypane/","date":"2020-11-30T23:00:00.000Z","updated":"2020-11-30T23:00:00.000Z","collection":"posts"},"excerpt":"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…","timeToRead":2,"frontmatter":{"title":"How Sergio Mattei made the next Makerlog 6x faster with Polypane","cover":"/blogs/makerlog/logo.svg","date":"2020-12-01","updated":null}}},{"node":{"fields":{"slug":"/blog/polypane-4-unified-console-dom-tree-in-elements-panel/","date":"2020-11-08T23:00:00.000Z","updated":"2020-11-08T23:00:00.000Z","collection":"posts"},"excerpt":"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…","timeToRead":11,"frontmatter":{"title":"Polypane 4: Unified Console, DOM tree in elements panel","cover":"/img/mail/icon.svg","date":"2020-11-09","updated":null}}},{"node":{"fields":{"slug":"/blog/polypane-demo-with-shawn-swyx-wang/","date":"2020-10-15T22:00:00.000Z","updated":"2020-10-15T22:00:00.000Z","collection":"posts"},"excerpt":"Last Tuesday together with Shawn  @swyx  Wang we held a livestream to give a tour of Polypane.\nWe used Shawn's website to go through most of the features Polypane has to offer and shared thoughts on modern web…","timeToRead":1,"frontmatter":{"title":"Polypane demo with Shawn @swyx Wang","cover":"/blogs/livestream/cover.png","date":"2020-10-16","updated":null}}},{"node":{"fields":{"slug":"/blog/beautiful-css-3-d-transform-examples/","date":"2020-10-04T22:00:00.000Z","updated":"2020-10-04T22:00:00.000Z","collection":"posts"},"excerpt":"3D transforms and perspective can be a great trick to add depth and texture to any website but they're tricky to get right.\nThey can easily look skewed, too flat or distorted if you don't use a fitting  perspective  or…","timeToRead":1,"frontmatter":{"title":"Beautiful CSS 3D Transform Examples","cover":"/blogs/transforms/transforms.svg","date":"2020-10-05","updated":null}}},{"node":{"fields":{"slug":"/blog/polypane-3-3-grids-and-guides-horizontal-overflow-detection-and-updated-ui/","date":"2020-08-30T22:00:00.000Z","updated":"2020-08-30T22:00:00.000Z","collection":"posts"},"excerpt":"Add grids and guides to your site, detect which elements cause horizontal overflows, new overlays, a refreshed UI and\nnoticable performance improvements. with over 50 changes there's quite a lot to find in the new…","timeToRead":7,"frontmatter":{"title":"Polypane 3.3: Grids and guides, horizontal overflow detection and updated UI","cover":"/blogs/polypane-3-3/rulers.png","date":"2020-08-31","updated":null}}},{"node":{"fields":{"slug":"/blog/how-earnworthy-uses-polypane-to-audit-landing-pages-and-land-25-more-customers/","date":"2020-08-16T22:00:00.000Z","updated":"2020-08-16T22:00:00.000Z","collection":"posts"},"excerpt":"We interviewed Nicholas Scalice, the founder of  Earnworthy  and creator of the  GrowthMarketer.co  newsletter about how he uses Polypane to be able to provide quick landing page consultations while focusing on both…","timeToRead":3,"frontmatter":{"title":"How Earnworthy uses Polypane to audit landing pages and land 25% more customers","cover":"/blogs/earnworthy/earnworthy.svg","date":"2020-08-17","updated":null}}},{"node":{"fields":{"slug":"/blog/polypane-❤-tumult-hype-new-integration/","date":"2020-07-26T22:00:00.000Z","updated":"2020-07-26T22:00:00.000Z","collection":"posts"},"excerpt":"Tumult Hype  lets you create beautiful, responsive HTML5 animations and web content. When you preview your design by clicking the 'preview' button in Hype and selecting Polypane, it will automatically open the viewports…","timeToRead":1,"frontmatter":{"title":"Polypane ❤ Tumult Hype. New integration","cover":"/blogs/tumult/tumult.png","date":"2020-07-27","updated":null}}},{"node":{"fields":{"slug":"/blog/how-code-increased-their-efficiency-by-500-maintaining-and-improving-websites-like-freshwater-slsc/","date":"2020-07-21T22:00:00.000Z","updated":"2020-07-21T22:00:00.000Z","collection":"posts"},"excerpt":"We interviewed Dale Grant, the owner of  Code&  on their workflow and how Polypane fits into it. As a development-focused agency they use WordPress for a wide variety of clients and projects. Can you introduce us to Code…","timeToRead":10,"frontmatter":{"title":"How Code& increased their efficiency by 500% maintaining and improving websites like Freshwater SLSC","cover":"/blogs/codeand/cover.svg","date":"2020-07-22","updated":null}}}]}},"pageContext":{"limit":12,"skip":108,"numPages":12,"currentPage":10}},"staticQueryHashes":["4164364741","425175329"]}