This is a curated list of articles I've read and have shared online as I believe they are worth sharing. I aim to update this list on a weekly basis. You can keep up to date with all the links I share by revisiting this page, or alternately, you can subscribe to the RSS feed for links.
The /interests Directory
I made a directory for /interests pages! If you’ve built your own, why not submit it to the list! Just over a week ago, I published What are you interested in?…
A Brief Note on Highlighted Text
TL;DR: If you plan to style text highlighted by the browser, you must give it sufficient contrast — 3:1 for the highlight block against its…
How to get different Web Components to talk to each other (part 1)
This morning, I had multiple people ask me how you can nest Web Components inside each other and share information from one to another. Today, we’re going to…
How to get different Web Components to talk to each other (part 2)
Yesterday, we learned how to connect a child and parent Web Component to each other. Today, we’re going to look at how to use custom events to provide a more…
Building a Localised Site with 11ty, Sanity & Netlify
In this article, we'll explore how I built a localised website for a client of mine using 11ty, Sanity, and Netlify. Recently, I had the task of converting the…
User Interviews 101
A user interview is a popular UX research method often used in the discovery phase. User interview: A research method where the interviewer asks participants…
Securing client-side JavaScript
I mentioned that I overhauled the JavaScript on The Session recently. That wasn’t just so that I could mess about with HTML web components. I’d been meaning to…
A quick light-dark() experiment
I wanted to experiment with the new CSS function light-dark() and get a sense of how to use it in a CSS architecture of nested (web) components. I think it’s…
What are you interested in?
You may or may not be aware of the /about, /ideas, /now, and /uses page initiatives[1] [2], where website authors are encouraged to create pages on their…
Web Component lifecycle methods
Yesterday, we learned about the different ways to instantiate a Web Component. In the article, I mentioned the connectedCallback() lifecycle method. Today,…