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.
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,…
My approach to HTML web components
I’ve been deep-diving into HTML web components over the past few weeks. I decided to refactor the JavaScript on The Session to use custom elements wherever it…
The different ways to instantiate a Web Component
As part of this ongoing series on Web Components, we’ve created our first Web Component, learned how to add options and settings, and learned how to…