TRTom Rayinscalablecss.hashnode.dev·Mar 3, 2020Launching BEM Basics: A Free Email Course on BEMLearning BEM is tricky. Perhaps that's because BEM is a concept; a way of thinking. Applying BEM in practice was always difficult for me as I struggled to find real, practical examples. So I made a free course covering BEM fundamentals, with a focus...00
TRTom Rayinscalablecss.hashnode.dev·Feb 13, 2020How To Name Containers And Wrappers In BEMAre you unclear on BEM best practices for the naming conventions of wrapper and container CSS classes? For example, you might have multiple blocks and you need to add a wrapper class to style the positioning of those blocks. It becomes difficult to ...00
TRTom Rayinscalablecss.hashnode.dev·Jan 21, 2020BEM Grandchildren: How To Handle Deeply Nested ElementsUnderstanding the basic concept of BEM (block, element, and modifier) is a fairly simple concept to grasp. However, things can start to easily go out of control when elements start to get 3 or 4 layers nested deep within a block. Bonus: Download a f...00
TRTom Rayinscalablecss.hashnode.dev·Jan 14, 2020BEM Methodology In CSS: A Quick Start GuideThis is a quick start guide to learning BEM, the component-driven CSS methodology. If you want to start practicing and applying BEM to your projects, this guide will help you get started. Bonus: Download a free cheat sheet that will show you how to...00
TRTom Rayinscalablecss.hashnode.dev·Dec 31, 2019How To Stop Writing Messy & Unscalable CSS“I have 4 .css files and in total, they’re over 10,000 lines of code. How did things get so big?” CSS files can get out of control, pretty quickly. But it doesn't have to be this way. Let's dive into some actionable CSS techniques to help you write ...02HU
