Abstract

On bigger web projects, styling can become increasingly difficult to manage. In this talk, we discussed tools and techniques for creating elegant stylesheet structure, tackling specificity issues and avoiding unnecessary repetition.

Slide contents

  • Writing maintainable and extensible CSS
  • Complex projects ...
  • ... and puny CSS
  • Issues
  • Solutions
  • Relative units
  • Variables - basic reuse
  • Variables - calculations
  • Object Oriented CSS
  • Separate structure and skin
  • Separate container and content
  • Result - building blocks
  • SMACSS
  • Base
  • Layout
  • Modules
  • States
  • Summary
  • Responsive mixins
  • Other preprocessor magic
  • Koniec