Writing better CSS.

@toni_b

I’m Toni.

WRITING CSSIS EASY.

WRITING REALLY GOODCSS IS NOT.

WHAT’S GOOD?

I don’t think it means:

Cutting edge Performance

optimized

Maintainable

Understandable

Well-planned

Tip #1: Plan

Browser Requirements

Coding Standards

Get your tools sorted

Concatenation & minification

Frameworks?

Tip #2: Comment Table of contents

Logical grouping for easy maintenance

Weird stuff: Why the @*!^ you did that

thing.

Tip #3: Create Structure

The main.css dumping ground.

Divide CSS into logical files/sections

“Build a system of components that you can re-use”

- Jonathan Snook

Tip #4: Build a pattern

library

http://pea.rs

Reusable components

Documentation

Test Suite

Maintainable.

Understandable.

Well-planned.

thanks!@toni_b

tonibarrett.com