New Perspectives On Web Design

By Harry Roberts CHAPTER 1 was having to write giant, convoluted selectors to target these orphaned, unnamed DOM elements. As th ...

CHAPTER 1 Modern CSS Architecture and Front-End Development I picked up so much from these guys, things like abstraction, DRY- n ...

By Harry Roberts CHAPTER 1 logical chunks which can then interact with each other. Instead of one monolithic piece of code to co ...

CHAPTER 1 Modern CSS Architecture and Front-End Development you’re unlikely to ever pay that back all at once; you pay several h ...

By Harry Roberts CHAPTER 1 Another analogy that I have used before is the Subway analogy. If you have ever ordered at a Subway s ...

CHAPTER 1 Modern CSS Architecture and Front-End Development This is a sensible order in which to build a house; we can’t hang ph ...

By Harry Roberts CHAPTER 1 Think back to our Subway ingredients: carrot is excellent at being carrot, because that is all it is ...

CHAPTER 1 Modern CSS Architecture and Front-End Development from most to least generic. Not only does this mean your style sheet ...

By Harry Roberts CHAPTER 1 I know a lot of people are still on the fence about the value of preproces- sors, but the beauty of t ...

CHAPTER 1 Modern CSS Architecture and Front-End Development organizing the files The directory structure will probably mirror th ...

By Harry Roberts CHAPTER 1 Takeaway: Break your code down into smaller, more discrete parts which can then be added, removed, co ...

CHAPTER 1 Modern CSS Architecture and Front-End Development Lines 1–3 — the whole block — is called a rule set. Line 1 is our (c ...

By Harry Roberts CHAPTER 1 then you will always want to keep your specificity as low as possible. Speci- ficity, after all, is t ...

CHAPTER 1 Modern CSS Architecture and Front-End Development Anything you can do with an ID, you can do with a class, and more. I ...

By Harry Roberts CHAPTER 1 A far better selector would have been: .button--secondary {} This can now live anywhere without us ha ...

CHAPTER 1 Modern CSS Architecture and Front-End Development Robustness If you have long selectors with tons of stuff going on in ...

By Harry Roberts CHAPTER 1 As well as decreasing portability and robustness, increasing selector length increases specificity — ...

CHAPTER 1 Modern CSS Architecture and Front-End Development Keep your class names relevant but neutral, sensible but portable. I ...

By Harry Roberts CHAPTER 1 To quote Google developer, Jens O. Meiert: “Use names that are as short as possible but as long as ne ...

CHAPTER 1 Modern CSS Architecture and Front-End Development beM: bloCK, eleMenT, MoDifieR Taking explicit naming even further, l ...