Removing list styles without affecting semantics.
A simple tweak that simplifies the common approach to "lists that don't look like lists" with HTML/CSS and sidesteps any semantic/accessibility concerns. […]
Archives
Compare front end framework code patterns
A brilliant site for comparing common component patterns across most of the major front end frameworks. Want to learn Svelte and already know React? Select both, pick the pattern you're wanting to […]
Superscript, Subscript, & Accessibility
Are there any concerns with using superscript and subscript when crafting content for the web?
Re-evaluating px vs em in media queries
An overview of the state of media queries and accessible overrides (page zoom, text zoom, min/max font size settings etc.), seeking to determine which of em, rem, or px is the best option. Turns out […]
A static-site CMS that runs in VS Code
A clever, open-source CMS designed for static site generators like Eleventy, Astro, and Hugo which use Markdown files and frontmatter metadata. The CMS itself runs directly in your IDE, giving you a […]
Automating the deployment of your static site on your own server
Need to self-host your front end away from the "modern" services like Netlify or Vercel? As both continue to get a little sketchier with time, it's definitely something I'm having to […]
The struggle of emoji on the web
I use emoji quite a lot on this site, which means I'm already aware of some of the more unusual browser/OS quirks. Don't ever use flag emoji (except pirate 🏴☠️) because Microsoft refuses to […]
The Melon King's manifesto
There's a lot to love in this manifesto about the intersection of personal creativity and the web. I don't really subscribe to the nostalgia of the GeoCities era (I find these kinds of sites near […]
Fluid typography with CSS clamp
A simple and informative example of how the new CSS clamp property can be used to create fluid layouts (in this case, specifically a fluid type […]
Making persistant build folders in Netlify
Max has put together a quick overview of how to store webmentions in a cache folder so that you don't have to fetch them on each build with Netlify. Super useful and can't help but think this might […]
Modern CSS techniques to improve legibility
A great overview of techniques to help improve text legibility, working with the browser rather than against it to be as inclusive as […]
Adding Lighthouse scores to my site's footer
Using a combination of Speedlify and Google Lighthouse tool, Zach is able to display web performance scores in his footer, bespoke for each page. He seems to be doing so client-side, though I don't […]
Preload page links on hover
Gatsby's page-fetching is a feature I consider a double-edged sword (though I'll admit I also don't fully understand it 😅). On the one hand, I'm all for anything that decreases load time between […]
Sass and clamp
Jeremy has been updating The Session to use variable font sizes with the new CSS clamp() property. He offers some interesting ideas on how best to do […]
Useful Entry URIs with Headless Craft
When using Craft in a headless configuration, your entry URIs will default to the wrong domain and won't be properly configured to match your actual site structure, but that can be fixed.
Adding Search with Algolia (Gatsby, Craft CMS - Part 1)
Static sites don't make search functionality easy, but luckily there are some excellent services that do. I've been messing around with Algolia and finally have it working with Craft and Gatsby the way I want it... on the backend, at least.
theAdhocracy Mark II: The Rehosting
CSS? Fonts? Italics? Sidebars? What witchcraft is this? Is this not theAdhocracy, the home of plain HTML and nothing more (despite the clear problems associated with that)? Well: yes! But at […]