Search

Theo has some really interesting videos, but the more I dig into the archive the more I find little gems like this. It's the definition of a quick tip, and it helps explain Maps and Sets in …

I can relate to Lea's frustrations (or, more specifically, those of her friend who doesn't often stray into JavaScript …

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 …

A useful trick when working with tokenised values is that you can generate an "immutable tuple" within a "const context" (computer science gibberish overload 😂) and reference that. So if you have …

Last month I wrote up a post detailing the films I'd seen in March. When I initially started blogging again last year I had hoped that mini-reviews and similar content would become a mainstay, …

How do you determine quantitative worth for a de facto subjective experience? Is there even any point? Can you make related "values" actually relatable if those "values" are arguably …

Lots of companies rely on Microsoft Word for internal documentation and training, but code snippets are a readability nightmare. They don't have to be; with some reusable formatting, we can make clear code blocks in any version of Word.

Month in media is an archived project, now with a permanent home in the Reviews section. Films, TV shows, books, video games, and other media watched, read, or played in June 2017.

I get a fair amount of spam posted to theAdhocracy. For the most part, it's easy to spot and formulaic (though admittedly increasingly intelligent). Spam comments either thank me for helping solve a …

I have recently fallen back into an old habit: League of Legends. The eponymous MOBA remains immensely addictive, fun and interesting, but above all else my return (after over a year!) has …

I have been taking part in Google Rewards for over a year now. For the most part, I complete the various surveys to feed an ongoing habit without feeling like I'm being too indulgent or wasting …

Well, we did it: we made it to 2019! 🎉 …

An attempted experiment to replicate the blog layout of ilovetypography.com, which uses floats to great effect, with more modern CSS Grid and Flex techniques. Turned out to not be quite so simple, but taught me a lot about the benefits and limitations of CSS Grid.

Migrating assets to a new CMS can be a complete pain, but working out which files go with each page or article on a website doesn't have to be a nightmare if you start with a solid foundation. For me, that means tightly coupling my folder structure on the server with my content structure on the website, a workflow that Craft is particularly nifty at automating.

A step-by-step guide to installing Craft CMS 3+ on the Arcustech hosting services, because sometimes all the command line steps can seem a little daunting if you aren't used to it!

I keep running into the same problem: how to set a style attribute in the CMS and have that be dynamically rendered on the front-end, without relying on inline styles. Turns out it's a great use case for CSS variables!

I frequently save a draft post in Craft only to realise it's set as live. Luckily, for me that doesn't massively matter as it's all API driven, but still it's nice to be able to change the default.

In which I begin by questioning why microformats are defined on the class attribute, instead of somewhere more bespoke, and end up concluding that I don't understand what microformats are actually for... and I'm not sure anyone else does, either.

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.

Notes from the fully remote React Summit 2020 (or at least the talks I tuned in for). Lots covered, from static-site generators and the Jamstack through to React state management and accessibility. What a fun day!

In which I start off asking a simple question: what content categories should I use on this website? Four hours later, I've discoverd information gardening, now pages, digital-me libraries, and oh so much more. And yes, I think I've answered that first question. Fancy a trip down the rabbit hole?

Well, it only took about a week of dazed puzzling, data tables, and tearing my hair out in clumps, but I think I may finally have a rough content taxonomy for theAdhocracy. A rough first version, that is. Let me explain...

The search page is live, the index is populated, but it all looked a bit rubbish and it didn't quite work as well as I wanted. Now it's using custom-styled components, queries are tracked/stored via the URL for persistence, and you can filter results based on category.

I got annoyed having to manually markup inline code for blog posts so I dug around in the Redactor documentation and worked out how to create a keyboard shortcut instead.

Having hooked up Algolia with my Gatsby build pipeline and populated a search index from my Craft CMS API, the next step was the build a frontend UI to enable users to actually query my posts. It turned out to be a pretty simple process.

It turns out that there are a lot of gotchas to creating a clear category structure for media reviews. Well, after a year of messing around with various setups behind the scenes, I think I'm starting to get somewhere.

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.

An interesting read that covers some of the basic terminologies of typesetting, as well as the technicalities of how browsers actually interpret the line-height value. Hint: it's not what you'd …

Customising HTML lists often means sacrificing standard browser typesetting bonuses, like hanging indents. But with a little bit of modern CSS, you can get them back again, whilst still getting to use custom counters – like emoji 🚀

An overview of JS promises for all skill levels. Starts with an excellent analogy of thread-blocking as …