Introduction to CSS Preprocessors

CSS preprocessors have been around for a while now, but they’ve really started to gain in popularity in the last several years.

A CSS preprocessors take code written in the preprocessed language and then convert that code into the CSS that we’ve been writing for years.

The more popular css preprocessors are Sass, LESS, and Stylus

1: Introduction to LESS (CSS)

LESS is a CSS preprocessor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.

LESS can be used on the command line via npm, downloaded as a script file for the browser or used in a wide variety of third party tools.

This is a brief introduction to LESS (CSS).

2: CSS Preprocessors

Yelp front-end engineer Jonathan Verrecchia will demonstrate the power of CSS preprocessors and explain why he believes these are a game changer for front-end development in this presentation given at the San Francisco HTML5 User Group.

Jonathan’s talk will cover: