Mar 14, 2022
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.
Mar 7, 2022
A review of how I began creating developer content and tips to help you get started and find motivation to hit publish on your own projects.
Feb 21, 2022
Learn to leverage the natural behavior of attaching animation via CSS keyframes to reveal new elements.
Feb 19, 2022
Use this command line combination for building a static site that includes Browsersync, processing Sass and running the final files through autoprefixer and cssnano.
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.
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.
Look at what problem is being solved, learn how container queries work, and see how they compare with and complement existing CSS features for layout.
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.
With a bit of creativity using native web functionality and modern CSS, like CSS scroll snap, we’ll be building a no-JavaScript slide deck that allows live editing of CSS demos.
Develop an Eleventy setup that you can use as a starting point for your own community (or personal) site.
Learn how to coexist with the unpredictability of the browser by using adaptive, contextual spacing techniques. We'll construct a starter set of custom properties for gap, margin, and padding.
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.
