SassConf: It takes a village to raise a stylesheet

63
SassConf 2013 It takes a community to raise a stylesheet preprocessor. Saturday, October 12, 13

description

My Keynote presentation from SassConf 2013.

Transcript of SassConf: It takes a village to raise a stylesheet

Page 1: SassConf: It takes a village to raise a stylesheet

SassConf 2013It takes a community to raise

a stylesheet preprocessor.

Saturday, October 12, 13

Page 2: SassConf: It takes a village to raise a stylesheet

Wow!

Saturday, October 12, 13

We’re here.Dream come true.

Page 3: SassConf: It takes a village to raise a stylesheet

150 Attendees

Saturday, October 12, 13

Page 4: SassConf: It takes a village to raise a stylesheet

CSS preprocessing won

Saturday, October 12, 13

5 years ago the battle wasn’t over Less or Sass. It was over whether this was even necessary.I approached Kyle at github early on and he didn’t like Sass and thought it wasn’t useful.

Page 5: SassConf: It takes a village to raise a stylesheet

How did this happen?

Saturday, October 12, 13

Page 6: SassConf: It takes a village to raise a stylesheet

Passion

Saturday, October 12, 13

I’ve always thought CSS sucks.Story about my first rubyconfStory about trying to contact hamptonPosted on every blog and tweeted about how sass could do it better.

Page 7: SassConf: It takes a village to raise a stylesheet

I was the firstSasshole.

Saturday, October 12, 13

Page 8: SassConf: It takes a village to raise a stylesheet

Don’t be a Sasshole.

Saturday, October 12, 13

Negativity sucks. Be positive.

Page 9: SassConf: It takes a village to raise a stylesheet

Giving

Saturday, October 12, 13

Page 10: SassConf: It takes a village to raise a stylesheet

GivingTime

Saturday, October 12, 13

Have you helped someone learn sass?Story about brandon

Page 11: SassConf: It takes a village to raise a stylesheet

GivingCode

Saturday, October 12, 13

Page 12: SassConf: It takes a village to raise a stylesheet

GivingKnowledge

Saturday, October 12, 13

MeetupsConferencesTechtalks at workIn a hallwayOn a podcast

Page 13: SassConf: It takes a village to raise a stylesheet

We built a community.

Saturday, October 12, 13

Page 14: SassConf: It takes a village to raise a stylesheet

ABrief History

ofSass

Saturday, October 12, 13

Page 15: SassConf: It takes a village to raise a stylesheet

Saturday, October 12, 13

Sass is almost 7 years old.

Page 16: SassConf: It takes a village to raise a stylesheet

Sass 2.0May 23, 2008

19 Files52K

Saturday, October 12, 13

VariablesConcatenationMixins without variablesOutput formats and Weird syntax

Is Garry Hill here? because I want to kiss him.

Page 17: SassConf: It takes a village to raise a stylesheet

Sass’s Mission Changed Was: Make CSS easier to write for your application

Became: Enable a Stylesheet Ecosystem

Saturday, October 12, 13

Page 18: SassConf: It takes a village to raise a stylesheet

Sass 2.2Jul 6, 2009

37 Files130K

Saturday, October 12, 13

13 months Arguments for mixinsProper unitsLoops and conditionalsCompass is released.A competitor emerges.

Page 19: SassConf: It takes a village to raise a stylesheet

Sass 3.0May 10, 2010

61 Files323K

Saturday, October 12, 13

11 MonthsNathan was a senior in college without much to do.Sass comes of age.SCSS@extendsass-convertSass starts to get some compass-inspired features: watcher,

Page 20: SassConf: It takes a village to raise a stylesheet

Sass 3.1Apr 24, 2011

92 Files455K

Saturday, October 12, 13

12 months@functionKeyword argumentsColor functionsLists/@each@media bubblingSass internals to enable app integration

Page 21: SassConf: It takes a village to raise a stylesheet

Sass 3.2Aug 10, 2012

104 Files541K

Saturday, October 12, 13

16 MonthsMixin @contentPlaceholder selectorsVar args

Page 22: SassConf: It takes a village to raise a stylesheet

Sass 3.3October 2013

123 Files672K

(so far)

Saturday, October 12, 13

14 Months

Page 23: SassConf: It takes a village to raise a stylesheet

Real Talk

Saturday, October 12, 13

We need to talk about burnout.For several years, Sass consumed Mine and Nathan’s life.After 3.2 we got burned out. Nathan took a break and I tried to keep the lights on, then I burned out.Startup Architect + Family + Two open source Projects = Who is this 7 year old in my house?I’ve felt very guilty about the state of things, especially in compass.

Page 24: SassConf: It takes a village to raise a stylesheet

What’s new in Sass 3.3?

Sourcemaps

Maps

& in SassScript

@at-root

String Functions

Meta Functions

Variable Keyword Arguments

Watcher Rewrite

if() works!

Trailing Commas in Lists

set-nth(), nth(-1)

Much, much more!

Saturday, October 12, 13

Page 25: SassConf: It takes a village to raise a stylesheet

What’s new in Compass?

New CSS3 Modules: Animation, Transitions, Placeholder

Prefixes are based on caniuse.com’s data.

Blueprint Removed

COMING SOON: Asset load paths

Bug Fixes

Saturday, October 12, 13

Page 26: SassConf: It takes a village to raise a stylesheet

Maptastic Maple3.3.0.rc.1

gem install sass --pregem install compass --pre

I have no idea what this is,but her name is Maple.

Saturday, October 12, 13

Page 27: SassConf: It takes a village to raise a stylesheet

The Future of Sass

Saturday, October 12, 13

Page 28: SassConf: It takes a village to raise a stylesheet

Module System

Saturday, October 12, 13

Page 29: SassConf: It takes a village to raise a stylesheet

Optimizer

Saturday, October 12, 13

Page 30: SassConf: It takes a village to raise a stylesheet

Keep AddressingCSS’s Faults.

Saturday, October 12, 13

Page 31: SassConf: It takes a village to raise a stylesheet

New Release Strategy

Saturday, October 12, 13

One major feature per releaseRelease when it’s ready.Follow semantic versioning.

Page 32: SassConf: It takes a village to raise a stylesheet

The Future of Compass

Saturday, October 12, 13

Page 33: SassConf: It takes a village to raise a stylesheet

Fix Bugs,Remove the Cruft

&Release 1.0

Saturday, October 12, 13

Page 34: SassConf: It takes a village to raise a stylesheet

Less Ruby,More Sass

Saturday, October 12, 13

One major feature per releaseRelease when it’s ready.Follow semantic versioning.

Page 35: SassConf: It takes a village to raise a stylesheet

More Sass Tools,Fewer CSS Tools

Saturday, October 12, 13

Sass Standard Library

Page 36: SassConf: It takes a village to raise a stylesheet

Notable Accomplishments

Saturday, October 12, 13

Almost 14MM Sass downloads & 4MM compass download

Page 37: SassConf: It takes a village to raise a stylesheet

14,000,000 Downloads

Saturday, October 12, 13

Page 38: SassConf: It takes a village to raise a stylesheet

Saturday, October 12, 13

Page 39: SassConf: It takes a village to raise a stylesheet

Corporate Sponsorship

Saturday, October 12, 13

Chrome has built Sass specific features and contributed patchesPaul presented about Sass at Google I/OSass & Compass have dedicated resources from Google and LinkedIn

Page 40: SassConf: It takes a village to raise a stylesheet

Books

Saturday, October 12, 13

5 so far?

Page 41: SassConf: It takes a village to raise a stylesheet

Pat ourselveson the back!

Saturday, October 12, 13

Page 42: SassConf: It takes a village to raise a stylesheet

We’re not done!

Saturday, October 12, 13

Not by a long shot.

Page 43: SassConf: It takes a village to raise a stylesheet

Missing Sass Features

Saturday, October 12, 13

Module systemOutput Optimizer

Page 44: SassConf: It takes a village to raise a stylesheet

Compass 2.0

Saturday, October 12, 13

Too much Ruby in Compass, config.rb needs to die.

Page 45: SassConf: It takes a village to raise a stylesheet

Better Sass Website

Saturday, October 12, 13

Page 46: SassConf: It takes a village to raise a stylesheet

Documentation&

Living Styleguides

Saturday, October 12, 13

We are not leaving this conference without having a project leader for this.

Page 47: SassConf: It takes a village to raise a stylesheet

Unit Testing

Saturday, October 12, 13

True by Eric Meyer is awesome. https://github.com/tctcl/bootcamp by James KyleWe need to rally around these guys.We need to figure out what Sass features are needed and build them.

Page 48: SassConf: It takes a village to raise a stylesheet

Plugin Repo

Saturday, October 12, 13

We are not leaving this conference without having a project leader for this.

Page 49: SassConf: It takes a village to raise a stylesheet

Linter

Saturday, October 12, 13

Your CSS output sucks. We need an awesome linter.We are not leaving this conference without having a project leader for this.

Page 50: SassConf: It takes a village to raise a stylesheet

Installation is StillTOO HARD

Saturday, October 12, 13

Page 51: SassConf: It takes a village to raise a stylesheet

Sass is TOO SLOW

Saturday, October 12, 13

LibSass

Page 52: SassConf: It takes a village to raise a stylesheet

CSS StillSUCKS

Saturday, October 12, 13

Page 53: SassConf: It takes a village to raise a stylesheet

You matter.

Saturday, October 12, 13

Page 54: SassConf: It takes a village to raise a stylesheet

We matter.

Saturday, October 12, 13

Page 55: SassConf: It takes a village to raise a stylesheet

This is just the beginning.

Saturday, October 12, 13

Page 56: SassConf: It takes a village to raise a stylesheet

You will say you were here.

Saturday, October 12, 13

Page 57: SassConf: It takes a village to raise a stylesheet

Web Developmentis changing.

Saturday, October 12, 13

Page 58: SassConf: It takes a village to raise a stylesheet

We are changing.

Saturday, October 12, 13

We are craftsmen and women. want good tools.

Page 59: SassConf: It takes a village to raise a stylesheet

The inmates are running the assylum

now.

Saturday, October 12, 13

w3c TAG

Page 60: SassConf: It takes a village to raise a stylesheet

You are the new generation of the web.

Saturday, October 12, 13

Page 61: SassConf: It takes a village to raise a stylesheet

You inspire me.

Saturday, October 12, 13

I love talking to you. Helping you. Seeing your problems and helping you solve them.

Page 62: SassConf: It takes a village to raise a stylesheet

Togetherwe will do

GREAT THINGS!

Saturday, October 12, 13

Page 63: SassConf: It takes a village to raise a stylesheet

Happy Styling!

Saturday, October 12, 13