loading...

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

5t3ph profile image Stephanie Eckles Updated on ・1 min read

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 >

Posted on Feb 6 by:

5t3ph profile

Stephanie Eckles

@5t3ph

Girl Geek, Web Dev (frontend/JS/React) building a design system, teaching a code video series, authoring ModernCSS.dev, egghead instructor, mom to 2 girls

Discussion

markdown guide
 

Oh, how wonderful! Congratulations!
Fortunately, I have an egghead subscription ❀️

 

Thanks, and that's great! 😊

 

Congrats Stephanie!
I really loved your static site template (with Sass) and I think it's a great thing to have in one's tool belt (for quick prototyping and such). I would be super interested in a course that builds common UI elements accessibly (forms, buttons, inputs, navbars etc).

Also Puppeteer and any automation tricks - that's always interesting πŸŽ‰

Congrats! πŸ’ƒ

 

Thanks, and thanks for the suggestions!

 
 
 

So cool! I've been following your content here. Congratulations! πŸŽ‰

 

Thanks so much for your support!