We've been doing it wrong. Our CSS sucks. Our ticketing structure is flawed. Our estimates are a joke. For over a decade, we've been styling websites using a top-left to bottom-right methodology with selectors chosen almost at random. Since we haven't been planning our entire front-end before building it, is it any wonder our ticketing system and estimates are so wrong?
But there's no need to drown ourselves in beer. A new methodology called Design Components using techniques like OOCSS, SMACSS and BEM show us that planning before building can make our projects maintainable, easier to debug, and smaller with reduced CSS file sizes.
And, surprise, surpise! Planning ahead means ticketing and estimation become much easier to deal with.
This session will outline our current mistakes and then introduce the basic techniques for CSS layering and using design components, the heart of any front-end CSS project. We will also discuss ticket structure, project organization, and tricks to implement components when you can't change Drupal's classes.