Web Unleashed 2016
Web Dev
  • 2016-10-03 00:00:00 2016-10-04 00:00:00 America/Toronto Web Unleashed 2016 Toronto FITC
  • Toronto
  • # webu16

Presentation

Slides

Overview

Refactoring is a practice that is often overlooked when it comes to CSS. As a result, styles seem to just grow and grow, until no one knows for sure which styles apply where, or whether many rules are still used at all. In this talk, we’ll cover strategies for refactoring CSS using Sass, with a focus on maintainability of code. Topics include code organization, naming, incremental change, and handling special cases such as responsive styles.

This talk is based on Alicia’s experience refactoring thousands of lines of CSS into Sass, in a way that allowed for continuous feature development, as well as supporting multiple layers of responsive styles and device-specific styles.

Objective

Learn strategies for refactoring CSS using Sass, focusing on maintainability.

Target Audience

Developers who are responsible for writing and maintaining CSS/Sass, especially in codebases that have been around for a while.

Assumed Audience Knowledge

CSS and Sass

Five Things Audience Members Will Learn

  1. Reasons to refactor CSS
  2. Code naming and organization conventions
  3. Different ways to DRY up code with Sass
  4. Identify problem areas that need refactoring
  5. How to refactor incrementally