PB101: L08 - DRY Development With Classes & Global Styling

In the last lesson, you were introduced to DRY (Don't Repeat Yourself) development concepts, the tokenization of website styling, and the importance of scalability, maintainability, consistency, and so on.

This lesson builds on those concepts by introducing global element styling, BEM classes, utility classes, and the universal selector. I also touch on why ID styling is undesirable in most cases (even though page builders tend to encourage it).

This is a pillar video in the course for three reasons:

1. It corrects most web designers' biggest mistake with page builders – styling at the ID level.

2. It answers the super common question, "How do I know when to use BEM classes, utility classes, or global styling?"

3. It teaches a proven method for organizing your classes (BEM), which is essential for properly managing a class-first workflow.

If you want a deep dive on BEM, you should watch this video:    • BEM 101: How to Make Web Design Organ...  

I also did a deep dive on BEM classes vs utility classes here:    • Utility Classes vs Custom Classes in ...  

** MY TOOLS **

🔥 AutomaticCSS (ACSS) - https://automaticcss.com
🔥 Frames - https://getframes.io
See all my recommended tools here: https://geary.co/tools/

** INNER CIRCLE **

Step your design/dev game up, make more money, and get the full scoop on scaling your digital agency! When it comes to the Inner Circle, I don't hold back.

⭕ In-depth design & dev trainings
⭕ Business, sales, & marketing trainings
⭕ Agency resources & downloadables
⭕ Vibrant, quality community with zero toxicity
⭕ ...and much more!

Learn more and join here: https://geary.co/inner-circle/

** SOCIAL **

👉 FB -   / marketingkev  
👉 LinkedIn -   / kevingeary  

** CHAPTERS **

0:00 Intro
01:56 Main Options for Targeting Elements
03:18 Global Element Styling
06:16 BEM Classes
23:45 Utility Classes
31:26 Universal Selector
35:22 ID Styling