{
"$type": "site.standard.document",
"content": {
"$type": "site.standard.content.markdown",
"text": "<ul class=\"page-turners stacked\">\n\t<li>\n <a class=\"link-item stacked\" href=https://dbushell.com/2026/03/23/top-ten-figma-betrayls/ target=\"_blank\" rel=\"noopener\">\n <div class=\"meta\">\n <span class=\"domain\">dbushell.com</span>\n <span class=\"type eyebrow\">sites</span>\n </div>\n <div class=\"body stacked\">\n <span class=\"title h3\">Top ten Figma betrayals</span>\n <p>Nice article on the quirks that can come out of just assuming that every possibility has been covered in a figma design by using hero designs that degrade responsively as a common example.</p>\n <img src=https://dbushell.com/images/articles/2026-03-23-top-ten-figma-betrayls.png alt=\"\" loading=\"lazy\">\n </div>\n </a>\n </li>\n <li>\n <a class=\"link-item stacked\" href=https://terrygodier.com/ target=\"_blank\" rel=\"noopener\">\n <div class=\"meta\">\n <span class=\"domain\">terrygodier.com</span>\n <span class=\"type eyebrow\">sites</span>\n </div>\n <div class=\"body stacked\">\n <span class=\"title h3\">The Last Quiet Thing | Terry Godier</span>\n <p>Incredible design and writing. Really resonated with me on this topic and the 'how very helpful' vs 'I cannot function without this' trade off is well worth the thought.</p>\n <img src=https://rdl.ink/render/https%3A%2F%2Fterrygodier.com%2F alt=\"\" loading=\"lazy\">\n </div>\n </a>\n </li>\n <li>\n <a class=\"link-item stacked\" href=https://nerdy.dev/css-logical-rhythm target=\"_blank\" rel=\"noopener\">\n <div class=\"meta\">\n <span class=\"domain\">nerdy.dev</span>\n <span class=\"type eyebrow\">link</span>\n </div>\n <div class=\"body stacked\">\n <span class=\"title h3\">Can you feel the rhythm‽ · March 13, 2024</span>\n <p>It's much more than vertical rhythm on the web</p>\n <img src=https://nerdy.dev//media/logical-rhythm.png alt=\"\" loading=\"lazy\">\n </div>\n </a>\n </li>\n <li>\n <a class=\"link-item stacked\" href=https://youtube.com/shorts/ir_SB_vqaQY?si=pfK12kHiLfCLQ_PE target=\"_blank\" rel=\"noopener\">\n <div class=\"meta\">\n <span class=\"domain\">youtube.com</span>\n <span class=\"type eyebrow\">videos</span>\n </div>\n <div class=\"body stacked\">\n <span class=\"title h3\">How?!</span>\n <p>CSS wizardry at it's finest. No idea how much time got put into making this game, and Kevin seems equally as baffled by it!</p>\n </div>\n </a>\n </li>\n <li>\n <a class=\"link-item stacked\" href=https://www.alwaystwisted.com/articles/beyond-the-blur-css-backdrop-filter?utm_source=the-index&utm_medium=newsletter target=\"_blank\" rel=\"noopener\">\n <div class=\"meta\">\n <span class=\"domain\">www.alwaystwisted.com</span>\n <span class=\"type eyebrow\">articles</span>\n </div>\n <div class=\"body stacked\">\n <span class=\"title h3\">A Guide to the CSS Backdrop-Filter Property</span>\n <p>A concise guide to CSS backdrop-filter for glassmorphism and translucent overlays - how it works, why order matters, and an interactive CodePen playground.</p>\n <img src=https://www.alwaystwisted.com/images/articles/meta-images/backdrop-filter.png alt=\"\" loading=\"lazy\">\n </div>\n </a>\n </li>\n <li>\n <a class=\"link-item stacked\" href=https://piccalil.li/blog/finding-an-accessibility-first-culture-in-npmx/?utm_source=the-index&utm_medium=newsletter target=\"_blank\" rel=\"noopener\">\n <div class=\"meta\">\n <span class=\"domain\">piccalil.li</span>\n <span class=\"type eyebrow\">articles</span>\n </div>\n <div class=\"body stacked\">\n <span class=\"title h3\">Finding an accessibility-first culture in npmx</span>\n <p>Today is the alpha release of npmx - an alternative browser for the npm registry. Abbey Perini joined early and soon discovered accessibility was a deep part of the culture, right from the start, which was both refreshing and incredibly productive.</p>\n <img src=https://piccalil.li/images/social-share/npmx-alpha-launch.png alt=\"\" loading=\"lazy\">\n </div>\n </a>\n </li>\n <li>\n <a class=\"link-item stacked\" href=https://jinsupark.com/ target=\"_blank\" rel=\"noopener\">\n <div class=\"meta\">\n <span class=\"domain\">jinsupark.com</span>\n <span class=\"type eyebrow\">sites</span>\n </div>\n <div class=\"body stacked\">\n <span class=\"title h3\">© Jin Su Park - Oasis One</span>\n <p>Woah. Really nice spin on a portfolio site and definetely one of the more unique versions I've seen in a long time.</p>\n <img src=https://jinsupark.com/ogImage.jpg alt=\"\" loading=\"lazy\">\n </div>\n </a>\n </li>\n<li>\n <a class=\"link-item stacked\" href=https://www.stubbornella.org/2011/10/08/scope-donuts/ target=\"_blank\" rel=\"noopener\">\n <div class=\"meta\">\n <span class=\"domain\">www.stubbornella.org</span>\n <span class=\"type eyebrow\">link</span>\n </div>\n <div class=\"body stacked\">\n <span class=\"title h3\">Scope donuts – Nicole Sullivan</span>\n <p>I read about this while rewriting some of my [Put Your CSS In Its Place with @scope](https://dominickjay.com/writing/css-scope) post. Super interesting.</p>\n <img src=https://farm3.static.flickr.com/2495/3922481017_2fbac85fa1.jpg alt=\"\" loading=\"lazy\">\n </div>\n </a>\n </li>\n</ul>",
"version": "1.0"
},
"description": "This months page turners have articles written by Terry Godier, David Bushell, Nicole Sullivan, Stuart Robson and Abbey Perini. Plus a crazy video of a CSS game and a unique portfolio site.",
"path": "/writing/page-turners-2026-03-30",
"publishedAt": "2026-03-30T00:00:00.000Z",
"site": "https://dominickjay.com",
"tags": [
"page turners"
],
"textContent": "dbushell.com\n sites\n \n \n Top ten Figma betrayals\n Nice article on the quirks that can come out of just assuming that every possibility has been covered in a figma design by using hero designs that degrade responsively as a common example.\n \n \n \n \n \n \n \n terrygodier.com\n sites\n \n \n The Last Quiet Thing | Terry Godier\n Incredible design and writing. Really resonated with me on this topic and the 'how very helpful' vs 'I cannot function without this' trade off is well worth the thought.\n \n \n \n \n \n \n \n nerdy.dev\n link\n \n \n Can you feel the rhythm‽ · March 13, 2024\n It's much more than vertical rhythm on the web\n \n \n \n \n \n \n \n youtube.com\n videos\n \n \n How?!\n CSS wizardry at it's finest. No idea how much time got put into making this game, and Kevin seems equally as baffled by it!\n \n \n \n \n \n \n www.alwaystwisted.com\n articles\n \n \n A Guide to the CSS Backdrop-Filter Property\n A concise guide to CSS backdrop-filter for glassmorphism and translucent overlays - how it works, why order matters, and an interactive CodePen playground.\n \n \n \n \n \n \n \n piccalil.li\n articles\n \n \n Finding an accessibility-first culture in npmx\n Today is the alpha release of npmx - an alternative browser for the npm registry. Abbey Perini joined early and soon discovered accessibility was a deep part of the culture, right from the start, which was both refreshing and incredibly productive.\n \n \n \n \n \n \n \n jinsupark.com\n sites\n \n \n © Jin Su Park - Oasis One\n Woah. Really nice spin on a portfolio site and definetely one of the more unique versions I've seen in a long time.\n \n \n \n \n\n \n \n www.stubbornella.org\n link\n \n \n Scope donuts – Nicole Sullivan\n I read about this while rewriting some of my Put Your CSS In Its Place with @scope post. Super interesting.",
"title": "Page Turners - March 2026"
}