I'm an advocate for accessibility, scalable CSS, and the Jamstack (especially Eleventy). Offline, I'm a mom to two girls and a cowboy corgi, and enjoy baking!
Front-End Learning Resources
I offer learning resources in a variety of formats including in-depth written tutorials, short videos, courses, and even a CSS playground.
Modern CSS Solutions
An in-depth tutorial series exploring modern CSS solutions for old CSS problems.
Join me on Twitch to explore topics across the front-end including CSS, HTML, and accessibility, as well as Eleventy. Also featuring the Dev Roulette LIVE show
Learn more about various front-end development topics such as flexbox, grid, and Sass in 5 minutes or less. If you have 20 minutes available, you can create a whole landing page!
Build a site in 20 mins in this video course! Start from a blank project and build up to an 11ty site that includes Sass, a blog collection, and is prepared to source content from a headless CMS.
Consider becoming a Sponsor to allow me to continue making free resources!
SmolCSS
Demos a growing collection of minimal snippets for modern CSS layouts and components that you can use today in your projects. Includes centering, document styles, grid solutions, and more!
You can find me as a writer on Smashing Magazine, CSS-Tricks, ModernCSS, 11ty Rocks, and DEV. Here is a selection of tutorials and articles I'm most proud of, and that have also received appreciation from the wider community.
Debugging in CSS means figuring out what might be the problem when you have unexpected layout results. We’ll look at a few categories bugs often fit into, see how we can evaluate the situation, and explore techniques that help prevent these bugs.
This guide will cover CSS Level 4 pseudo-class selectors that currently have the best support along with examples to demonstrate how you can start using them today.
Understanding selectors, the cascade, and specificity are critical to developing CSS and modifying existing style rules. This two-part guide about advanced CSS selectors includes practical examples.
Modern CSS gives us a range of properties to achieve custom select styles that have a near-identical initial appearance for single, multiple, and disabled select elements across the top browsers.
Eleventy includes features that allow exceeding the traditional limits of static. Learn how to leverage these features and think beyond static when using Eleventy.
This reflection post reviews the tech stack used, reveals a few tricks, and provides some techniques for how to rapidly go from idea to launch for small projects.
