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.
A series promoting fundamental web technologies: HTML, CSS, and JavaScript. Learn about 12 native web features that can lessen your framework reliance.
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!
Organization, linting, and ease of theming are the primary reasons I'll continue to use Sass despite the capabilities of modern CSS, including the near-future nesting capability. Review how to theme buttons as one example.
Within 2021, a new spec to orchestrate the “C” in CSS was drafted and is now an official candidate recommendation: cascade layers. Learn more about layers and how to use them.
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.
