Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WDCNZ - Writing Better CSS

841 views

Published on

Writing Better CSS, talk from @toni_b at WDCNZ July 2014.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

WDCNZ - Writing Better CSS

  1. 1. Writing better CSS. @toni_b
  2. 2. I’mToni.
  3. 3. WRITING CSS IS EASY.
  4. 4. WRITING REALLY GOOD CSS IS NOT.
  5. 5. WHAT’S GOOD?
  6. 6. I don’t think it means:  Cutting edge  Performance optimized
  7. 7.  Maintainable  Understandable  Well-planned
  8. 8. Tip #1: Plan
  9. 9. Browser Requirements
  10. 10. Coding Standards
  11. 11. Get your tools sorted  Concatenation & minification  Frameworks?
  12. 12. Tip #2: Comment  Table of contents  Logical grouping for easy maintenance  Weird stuff: Why the @*!^ you did that thing.
  13. 13. Tip #3: Create Structure
  14. 14. The main.css dumping ground.  Divide CSS into logical files/sections
  15. 15. “Build a system of components that you can re- use” - Jonathan Snook
  16. 16. Tip #4: Build a pattern library
  17. 17. http://pea.rs
  18. 18.  Reusable components  Documentation
  19. 19. Test Suite
  20. 20. Maintainable. Understandable. Well-planned.
  21. 21. thanks! @toni_b tonibarrett.com

×