Tweet
Tweet

Slide 1

Slide 1 text

The Future of CSS Isn't CSS

Slide 2

Slide 2 text

The Present of CSS Isn't CSS

Slide 3

Slide 3 text

Hi, I'm @Roy advancedsass.com slides: roy.io/futurecss

Slide 4

Slide 4 text

advancedsass.com slides: roy.io/futurecss

Slide 5

Slide 5 text

Pre-Processors vs Post-Processors

Slide 6

Slide 6 text

What's in a name?

Slide 7

Slide 7 text

Pre-Processors extend the CSS spec

Slide 8

Slide 8 text

Post-Processors modify the CSS spec

Slide 9

Slide 9 text

vs .foo { color: replace-color(red); } .foo { color: red; }

Slide 10

Slide 10 text

Write intention revealing CSS

Slide 11

Slide 11 text

Variables are old news...

Slide 12

Slide 12 text

Programming in your CSS

Slide 13

Slide 13 text

CSS is a machine language

Slide 14

Slide 14 text

Creativity > Repetition

Slide 15

Slide 15 text

Configuration > Search & replace

Slide 16

Slide 16 text

Fun > Frustration

Slide 17

Slide 17 text

Sass is great for non-developers too

Slide 18

Slide 18 text

To the code!

Slide 19

Slide 19 text

The following code was copy & pasted by trained monkeys. Don't try this at home.

Slide 20

Slide 20 text

advancedsass.com slides: roy.io/futurecss