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.
Don’t use the maxlength attribute to stop users from exceeding the limit
Have you heard of the “error prevention” heuristic? It means “do everything you can so users don’t make mistakes”. And it’s good advice. But some…
JSON RSS feed I quickly created a JSON feed for this website
While setting up Echo Feed to mirror my blog posts on the fediverse, I’ve discovered…
Progressively enhancing a Web Component
This week, we’ve looked at how Web Components are different from React, how to create your first Web Component, and how to add options to a Web Component.…
Deploying An 11ty Project To Shared Hosting
When discussing hosting options for personal websites, the usual suspects are mentioned: Netlify,…
Eleventy Nested Pagination
Eleventy (the cool static site generator) has a great feature called Pagination which allows you to iterate over a list of things in chunks and…
Your first Web Component
Yesterday, we talked about why Web Components won’t replace React or Vue. Today, let’s look at how to create your first Web Component. Let’s dig in! A really…
Adding options to your Web Component
Yesterday, we learned how to create your first Web Component. Today, we’ll learn how to add options and settings. Let’s dig in! Our Web Component We’ve got our…
Will Web Components replace React and Vue?
Over the weekend, I sent an email to my newsletter subscribers asking them what kinds of things they’d like to learn about Web Components. One of the most…
Re-creating the ‘His Dark Materials’ Logo in CSS
I love the new BBC adaptation of Philip Pullman’s His Dark Materials trilogy of novels. There’s also some pretty nice graphic design to appreciate. I’m a sucker…
link-peek Web Component
The link-peek Web Component allows you to turn a regular anchor link to a rich preview (also known as an 'unfurled' link) to show description, meta image,…