Personal news: I've joined egghead as an instructor!

I'm pleased to share my first two lessons that have been published to egghead!

Access Theme Color Values With Sass

Manage the color palette used in your stylesheets by creating a map of variables and a function to access the values by key. This allows you to update the colors in one location to re-theme your application and eliminate manual find and replace.

Watch this lesson

Create a Basic Responsive Grid System With CSS Grid

CSS grid is a layout model that allows defining structure in terms of columns and rows. Learn how to replace heavy 12-column grid system frameworks with the unique properties of CSS grid. By leveraging CSS grid, we can create intrinsically responsive layouts, no breakpoint media queries or lengthy list of utility classes required.

Watch this lesson

Feedback? Suggestions?

Drop a comment with suggestions for future lessons related to:

• CSS
• HTML
• Sass
• Accessibility
• React
• Design Systems
• Netlify
• Eleventy (11ty)
• Static site workflow/build process

Looking to learn HTML/CSS development? Learn the foundational skills of frontend development with my free course >