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.
Better form UX with the CSS property `field-sizing`
A look at the `field-sizing` CSS property and how it could improve web form user experience.
Progressively enhancing a link into a button with vanilla JavaScript
In yesterday’s article on loading HTML from another page, I talked about progressively enhancing a link into a button. Let’s imagine you have a dialog modal that loads some HTML. You might keep all that HTML in a separate file, and by default display a link to it. <a href="/terms">Read the Terms of Service</a> When your JS loads, you can progressively enhance it into a modal toggle.
Bulletproofing your CMS
Help your future self by making sure your CMS can take anything clients throw at it.
12 Modern CSS One-Line Upgrades - Modern CSS Solutions
Sometimes, improving your application CSS just takes a one-line upgrade or enhancement! Learn about 12 properties to start incorporating into your projects, and enjoy reducing technical debt, removing JavaScript, and scoring easy wins for user experience.
Time to First Byte: What it is and How to Make Improvements
TTFB is the backbone of page speed: it can make or break the experience of your sites. Learn how to test and track it.
Testing My Eleventy-Website With Cypress and Netlify
Last time I wrote "this page is a repository consisting of some thrown-together and latenight-written code". Some tests should ensure that I don't break to much when I'm, cleaning up the code. Here's how I created a basic setup that runs my tests before every deployment.
Fetching Webmentions With Netlify and Eleventy Edge
Sadly, I'm not too good at documenting what I'm sometimes building in the little free time that I have. At the end of last year, I implemented an interesting feature on this site, but never wrote about it.
Creating Scroll-Triggered Animations by combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions
When you combine Scroll-Driven Animations with Custom Properties, Style Queries, and Transitions you hack your way into creating Scroll-Triggered Animations.
6 Quick tests you can do to test your forms for accessibility
Whenever I do a full audit for a website, I have almost 40 individual, highly granular, form-related checks. Those checks can be boiled down to the following 6 high level goals.
The gotchas of CSS Nesting
I've written before about the problems you can run into with CSS nesting and the question that @ChallengeCSS tweeted out today made me realize there's actually a few more gotcha's.