Decoupling the Front-end with Modular CSS by Julie Cameron

Sign in to queue

Description

CSS is hard. It's a simple language, but getting it right and avoiding specificity hell can be a challenge if you don't have the right framework to back you up.  Especially in large scaling projects, you might start adding ID selectors here and !important properties there and the next thing you know you've backed yourself into a corner where even the smallest of UI changes will take hours to work out. Ew.


Or how about this? Ever jump into a project and find that even the slightest markup change results in broken JavaScript AND sometimes even broken backend feature tests?! WTF. Ew.


This talk will look at how taking a modular, object-oriented approach to CSS can turn frontend woes into frontend wins. We'll examine modern CSS approaches like OOCSS, SMACSS, and BEM and demonstrate how they will help to not only decouple your CSS styles and reduce specificity conflicts, but how they will also help to decouple your CSS and HTML from your JavaScript and feature specs.

Tags:

CSS, CSS 3, JavaScript

Embed

Download

Download this episode

The Discussion

Add Your 2 Cents