SassConf: It takes a village to raise a stylesheet

SassConf 2013
It takes a community to raise
a stylesheet preprocessor.

Saturday, October 12, 13

Wow!


We’re here.
Dream come true.

150 Attendees


CSS preprocessing won

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?


Passion


I’ve always thought CSS sucks.
Story about my ﬁrst rubyconf
Story about trying to contact hampton
Posted on every blog and tweeted about how sass could do it better.

I was the first
Sasshole.


Don’t be a Sasshole.


Negativity sucks. Be positive.

Giving


Giving
Time


Have you helped someone learn sass?
Story about brandon

Giving
Code


Giving
Knowledge


Meetups
Conferences
Techtalks at work
In a hallway
On a podcast

We built a community.


A
Brief History
of
Sass


Sass is almost 7 years old.

Sass 2.0
May 23, 2008
19 Files
52K


Variables
Concatenation
Mixins without variables
Output 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


Sass 2.2
Jul 6, 2009
37 Files
130K


13 months
Arguments for mixins
Proper units
Loops and conditionals
Compass is released.
A competitor emerges.

Sass 3.0
May 10, 2010
61 Files
323K


11 Months
Nathan was a senior in college without much to do.
Sass comes of age.
SCSS
@extend
sass-convert
Sass starts to get some compass-inspired features: watcher,

Sass 3.1
Apr 24, 2011
92 Files
455K


12 months
@function
Keyword arguments
Color functions
Lists/@each
@media bubbling
Sass internals to enable app integration

Sass 3.2
Aug 10, 2012
104 Files
541K


16 Months
Mixin @content
Placeholder selectors
Var args

Sass 3.3
October 2013
123 Files
672K
(so far)


14 Months

Real Talk


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

Watcher Rewrite

& in SassScript

if() works!

@at-root

Trailing Commas in Lists

String Functions

set-nth(), nth(-1)

Meta Functions


Variable Keyword Arguments

Much, much more!

What’s new in Compass?
New CSS3 Modules: Animation, Transitions, Placeholder
Preﬁxes are based on caniuse.com’s data.
Blueprint Removed
COMING SOON: Asset load paths
Bug Fixes


Maptastic
Maple
3.3.0.rc.1

gem install sass --pre
gem install compass --pre

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

The Future of Sass


Module System


Optimizer


Keep Addressing
CSS’s Faults.


New Release Strategy


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

The Future of Compass


Fix Bugs,
Remove the Cruft
&
Release 1.0


Less Ruby,
More Sass


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

More Sass Tools,
Fewer CSS Tools


Sass Standard Library

Notable
Accomplishments


Almost 14MM Sass downloads & 4MM compass download

14,000,000 Downloads


Corporate Sponsorship


Chrome has built Sass speciﬁc features and contributed patches
Paul presented about Sass at Google I/O
Sass & Compass have dedicated resources from Google and LinkedIn

Books


5 so far?

Pat ourselves
on the back!


We’re not done!


Not by a long shot.

Missing Sass Features


Module system
Output Optimizer

Compass 2.0


Too much Ruby in Compass, conﬁg.rb needs to die.

Better Sass Website


Documentation
&
Living Styleguides


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

Unit Testing


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

Plugin Repo



Linter


Your CSS output sucks. We need an awesome linter.

Installation is Still
TOO HARD


Sass is TOO SLOW


LibSass

CSS Still

SUCKS

You matter.


We matter.


This is just the
beginning.


You will say you were
here.


Web Development
is changing.


We are changing.


We are craftsmen and women. want good tools.

The inmates are
running the assylum
now.


w3c TAG

You are the new
generation of the web.


You inspire me.


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

Together
we will do
GREAT THINGS!


Happy Styling!


SassConf: It takes a village to raise a stylesheet

More Related Content

SassConf: It takes a village to raise a stylesheet