SassConf: It takes a village to raise a stylesheet

Post on 13-Jan-2015

2.390 views 2 download

Tags:

description

My Keynote presentation from SassConf 2013.

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

SassConf 2013It takes a community to raise

a stylesheet preprocessor.

Saturday, October 12, 13

Wow!

Saturday, October 12, 13

We’re here.Dream come true.

150 Attendees

Saturday, October 12, 13

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.

How did this happen?

Saturday, October 12, 13

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.

I was the firstSasshole.

Saturday, October 12, 13

Don’t be a Sasshole.

Saturday, October 12, 13

Negativity sucks. Be positive.

Giving

Saturday, October 12, 13

GivingTime

Saturday, October 12, 13

Have you helped someone learn sass?Story about brandon

GivingCode

Saturday, October 12, 13

GivingKnowledge

Saturday, October 12, 13

MeetupsConferencesTechtalks at workIn a hallwayOn a podcast

We built a community.

Saturday, October 12, 13

ABrief History

ofSass

Saturday, October 12, 13

Saturday, October 12, 13

Sass is almost 7 years old.

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.

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

Became: Enable a Stylesheet Ecosystem

Saturday, October 12, 13

Sass 2.2Jul 6, 2009

37 Files130K

Saturday, October 12, 13

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

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,

Sass 3.1Apr 24, 2011

92 Files455K

Saturday, October 12, 13

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

Sass 3.2Aug 10, 2012

104 Files541K

Saturday, October 12, 13

16 MonthsMixin @contentPlaceholder selectorsVar args

Sass 3.3October 2013

123 Files672K

(so far)

Saturday, October 12, 13

14 Months

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.

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

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

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

The Future of Sass

Saturday, October 12, 13

Module System

Saturday, October 12, 13

Optimizer

Saturday, October 12, 13

Keep AddressingCSS’s Faults.

Saturday, October 12, 13

New Release Strategy

Saturday, October 12, 13

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

The Future of Compass

Saturday, October 12, 13

Fix Bugs,Remove the Cruft

&Release 1.0

Saturday, October 12, 13

Less Ruby,More Sass

Saturday, October 12, 13

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

More Sass Tools,Fewer CSS Tools

Saturday, October 12, 13

Sass Standard Library

Notable Accomplishments

Saturday, October 12, 13

Almost 14MM Sass downloads & 4MM compass download

14,000,000 Downloads

Saturday, October 12, 13

Saturday, October 12, 13

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

Books

Saturday, October 12, 13

5 so far?

Pat ourselveson the back!

Saturday, October 12, 13

We’re not done!

Saturday, October 12, 13

Not by a long shot.

Missing Sass Features

Saturday, October 12, 13

Module systemOutput Optimizer

Compass 2.0

Saturday, October 12, 13

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

Better Sass Website

Saturday, October 12, 13

Documentation&

Living Styleguides

Saturday, October 12, 13

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

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.

Plugin Repo

Saturday, October 12, 13

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

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.

Installation is StillTOO HARD

Saturday, October 12, 13

Sass is TOO SLOW

Saturday, October 12, 13

LibSass

CSS StillSUCKS

Saturday, October 12, 13

You matter.

Saturday, October 12, 13

We matter.

Saturday, October 12, 13

This is just the beginning.

Saturday, October 12, 13

You will say you were here.

Saturday, October 12, 13

Web Developmentis changing.

Saturday, October 12, 13

We are changing.

Saturday, October 12, 13

We are craftsmen and women. want good tools.

The inmates are running the assylum

now.

Saturday, October 12, 13

w3c TAG

You are the new generation of the web.

Saturday, October 12, 13

You inspire me.

Saturday, October 12, 13

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

Togetherwe will do

GREAT THINGS!

Saturday, October 12, 13

Happy Styling!

Saturday, October 12, 13