1. Recorded Live
  2. Chapter 48
  3. E345: block__element
CH48 / E345|CSS Refactoring and Design|Mon, 28 Sep ’15

block__element

Our drawing area block gives us the opportunity to build our first nested element in our new CSS design. We try to migrate our arrow element, but dealing with overlapping layouts along with existing code and tests proves to be a challenge.

  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