1. Recorded Live
  2. Chapter 48
  3. E348: Don’t Repeat Your CSS
CH48 / E348|CSS Refactoring and Design|Wed, 7 Oct ’15

Don’t Repeat Your CSS

We continue factoring out CSS common to our buttons. Our two buttons have some significant differences, particularly with regard to positioning and colors, but we end up with a nice clean solution... and delete a bunch of duplicated CSS along the way.

  1. E339The Holy Grail

    Mon, 7 Sep ’15

  2. E340Normalize

    Wed, 9 Sep ’15

  3. E341Unit Testing a CSS Component

    Mon, 14 Sep ’15

  4. E342A Test-Driven CSS Component

    Wed, 16 Sep ’15

  5. E343Refactoring CSS

    Mon, 21 Sep ’15

  6. E344A Block with Elements

    Wed, 23 Sep ’15

  7. E345block__element

    Mon, 28 Sep ’15

  8. E346Test-Driven Elements

    Wed, 30 Sep ’15

  9. E347Challenges of CSS Reuse

    Mon, 5 Oct ’15

  10. E348Don’t Repeat Your CSS

    Wed, 7 Oct ’15

  11. E349block--modifier

    Mon, 12 Oct ’15

  12. E350Fully Abstracted

    Wed, 14 Oct ’15

  13. E351The Logo Block

    Mon, 19 Oct ’15

  14. E352The Test-Driven Block Pattern

    Wed, 21 Oct ’15

  15. E353Theme

    Mon, 26 Oct ’15

  16. E354Themed Paragraphs

    Wed, 28 Oct ’15

  17. E355Strongly-Typographied

    Mon, 2 Nov ’15

  18. E356A Layout Class

    Wed, 4 Nov ’15

  19. E357Questionable Layout

    Mon, 9 Nov ’15

  20. E358Spacing and Width

    Wed, 11 Nov ’15

  21. E359Unconventional Wisdom

    Mon, 16 Nov ’15