Simplify your styles with CSS Preprocessors

@pezillionaire

Presentate

Assumptions

• You're down with CSS 3 and HTML 5.

• You can run WordPress locally (on your Mac/PC).

• You have/can/want to build custom WP themes.

• Bacon is Delicious

Why use a preprocessor?

• Take pain points out of CSS

• Better WP theme organization

• Fewer HTTP requests (faster loading!)

• Access to awesome features and libraries.

What do preprocessor do?

• VARIABLES!!

• Nested rules.

• Mixins

• Simplified functions and operators

The Options - Stylus

• Minimalistic syntax.

• Developed for use with Node.

• Can really only be used with Node.

• Not relevant at a WordPress Conference (yet?).

Let's get set up

• Get MAMP and WP running.

• Find your Theme's style.css and other CSS files.

• Point your compiler to the source files.

• Set compiler options (libraries, output)

Stop! Demo time!

Cheers!

@pezillionaire
pezillionaire.com/wcyvr

Liked this talk? Share it!

  •   / 12

Published on , Last updated:

Share this presentation