Manipulating Colors With CSS Variables and HSL (opens in a new window or tab)
In-depth explainer with a lot of examples.
All Links
Architecting data in Eleventy (opens in a new window or tab)
In-depth data explainer for Eleventy.
Achieving Vertical Alignment (opens in a new window or tab)
Comprehensive look at using sub-grid.
Designing Friction For A Better User Experience (opens in a new window or tab)
Good collection of examples.
Quick Command Line Tip (opens in a new window or tab)
Create multiple files with the same extension.
Optimizing CSS for faster page loads (opens in a new window or tab)
Good how-to on CSS performance improvements.
What does 100% mean in CSS? (opens in a new window or tab)
Useful explainer with examples.
Modifying Specific Letters with CSS and JavaScript (opens in a new window or tab)
List of nifty tricks.
Aspect Ratio in CSS: Hacks and a New Property (opens in a new window or tab)
Overview of different techniques.
Styling Complex Labels (opens in a new window or tab)
Different ways to handle form labels with a lot of information.
How To Configure Application Color Schemes With CSS Custom Properties (opens in a new window or tab)
In-depth look at ways to implement color scheme.
How to detect browser support for Flexbox Gap (opens in a new window or tab)
In-depth look at how to use flexbox-gap.
Add a Static Directory to an Eleventy Project (opens in a new window or tab)
Nifty trick that could come in handy.
5 most annoying website features I face as a blind person every single day (opens in a new window or tab)
Good list of accessibility issues and how to address them.
Hiding Future Content with Eleventy (opens in a new window or tab)
An approach to handle drafts in Eleventy.
Drop-Shadow: The Underrated CSS Filter (opens in a new window or tab)
Good drop-shadow explainer.
Create better, accessible focus effects (opens in a new window or tab)
A neat trick for when you need an alternative to the outline property.
Modern CSS Techniques To Improve Legibility (opens in a new window or tab)
CSS techniques to improve site legibility.
Using Trello as a Super Simple CMS (opens in a new window or tab)
In-depth how-to, title says it all.
When do you use inline-block? (opens in a new window or tab)
Useful overview of inline-block