SassConf 2013
It 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 ...
How did this happen?

Saturday, October 12, 13
Passion

Saturday, October 12, 13

I’ve always thought CSS sucks.
Story about my first rubyconf
Story about trying to conta...
I was the first
Sasshole.

Saturday, October 12, 13
Don’t be a Sasshole.

Saturday, October 12, 13

Negativity sucks. Be positive.
Giving

Saturday, October 12, 13
Giving
Time

Saturday, October 12, 13

Have you helped someone learn sass?
Story about brandon
Giving
Code

Saturday, October 12, 13
Giving
Knowledge

Saturday, October 12, 13

Meetups
Conferences
Techtalks at work
In a hallway
On a podcast
We built a community.

Saturday, October 12, 13
A
Brief History
of
Sass
Saturday, October 12, 13
Saturday, October 12, 13

Sass is almost 7 years old.
Sass 2.0
May 23, 2008
19 Files
52K

Saturday, October 12, 13

Variables
Concatenation
Mixins without variables
Output form...
Sass’s Mission Changed
Was: Make CSS easier to write for your application
Became: Enable a Stylesheet Ecosystem

Saturday,...
Sass 2.2
Jul 6, 2009
37 Files
130K

Saturday, October 12, 13

13 months
Arguments for mixins
Proper units
Loops and condit...
Sass 3.0
May 10, 2010
61 Files
323K

Saturday, October 12, 13

11 Months
Nathan was a senior in college without much to do...
Sass 3.1
Apr 24, 2011
92 Files
455K

Saturday, October 12, 13

12 months
@function
Keyword arguments
Color functions
Lists...
Sass 3.2
Aug 10, 2012
104 Files
541K

Saturday, October 12, 13

16 Months
Mixin @content
Placeholder selectors
Var args
Sass 3.3
October 2013
123 Files
672K
(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 lif...
What’s new in Sass 3.3?
Sourcemaps
Maps

Watcher Rewrite

& in SassScript

if() works!

@at-root

Trailing Commas in Lists...
What’s new in Compass?
New CSS3 Modules: Animation, Transitions, Placeholder
Prefixes are based on caniuse.com’s data.
Blue...
Maptastic
Maple
3.3.0.rc.1

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

I have no idea what this is,
but her n...
The Future of Sass

Saturday, October 12, 13
Module System

Saturday, October 12, 13
Optimizer

Saturday, October 12, 13
Keep Addressing
CSS’s Faults.

Saturday, October 12, 13
New Release Strategy

Saturday, October 12, 13

One major feature per release
Release when it’s ready.
Follow semantic ver...
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 release
Release when it’s ready.
Follow semantic ver...
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 patches
Paul prese...
Books

Saturday, October 12, 13

5 so far?
Pat ourselves
on 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 system
Output 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 ...
Unit Testing

Saturday, October 12, 13

True by Eric Meyer is awesome.
https://github.com/tctcl/bootcamp by James Kyle
We ...
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 wit...
Installation is Still
TOO HARD

Saturday, October 12, 13
Sass is TOO SLOW

Saturday, October 12, 13

LibSass
CSS Still

SUCKS
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 Development
is 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 ...
Together
we will do
GREAT THINGS!

Saturday, October 12, 13
Happy Styling!

Saturday, October 12, 13
Upcoming SlideShare
Loading in …5
×

SassConf: It takes a village to raise a stylesheet

3,446 views

Published on

My Keynote presentation from SassConf 2013.

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,446
On SlideShare
0
From Embeds
0
Number of Embeds
312
Actions
Shares
0
Downloads
20
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

SassConf: It takes a village to raise a stylesheet

  1. 1. SassConf 2013 It takes a community to raise a stylesheet preprocessor. Saturday, October 12, 13
  2. 2. Wow! Saturday, October 12, 13 We’re here. Dream come true.
  3. 3. 150 Attendees Saturday, October 12, 13
  4. 4. 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.
  5. 5. How did this happen? Saturday, October 12, 13
  6. 6. Passion Saturday, October 12, 13 I’ve always thought CSS sucks. Story about my first rubyconf Story about trying to contact hampton Posted on every blog and tweeted about how sass could do it better.
  7. 7. I was the first Sasshole. Saturday, October 12, 13
  8. 8. Don’t be a Sasshole. Saturday, October 12, 13 Negativity sucks. Be positive.
  9. 9. Giving Saturday, October 12, 13
  10. 10. Giving Time Saturday, October 12, 13 Have you helped someone learn sass? Story about brandon
  11. 11. Giving Code Saturday, October 12, 13
  12. 12. Giving Knowledge Saturday, October 12, 13 Meetups Conferences Techtalks at work In a hallway On a podcast
  13. 13. We built a community. Saturday, October 12, 13
  14. 14. A Brief History of Sass Saturday, October 12, 13
  15. 15. Saturday, October 12, 13 Sass is almost 7 years old.
  16. 16. Sass 2.0 May 23, 2008 19 Files 52K Saturday, October 12, 13 Variables Concatenation Mixins without variables Output formats and Weird syntax Is Garry Hill here? because I want to kiss him.
  17. 17. Sass’s Mission Changed Was: Make CSS easier to write for your application Became: Enable a Stylesheet Ecosystem Saturday, October 12, 13
  18. 18. Sass 2.2 Jul 6, 2009 37 Files 130K Saturday, October 12, 13 13 months Arguments for mixins Proper units Loops and conditionals Compass is released. A competitor emerges.
  19. 19. Sass 3.0 May 10, 2010 61 Files 323K Saturday, October 12, 13 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,
  20. 20. Sass 3.1 Apr 24, 2011 92 Files 455K Saturday, October 12, 13 12 months @function Keyword arguments Color functions Lists/@each @media bubbling Sass internals to enable app integration
  21. 21. Sass 3.2 Aug 10, 2012 104 Files 541K Saturday, October 12, 13 16 Months Mixin @content Placeholder selectors Var args
  22. 22. Sass 3.3 October 2013 123 Files 672K (so far) Saturday, October 12, 13 14 Months
  23. 23. 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.
  24. 24. 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 Saturday, October 12, 13 Variable Keyword Arguments Much, much more!
  25. 25. 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
  26. 26. 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. Saturday, October 12, 13
  27. 27. The Future of Sass Saturday, October 12, 13
  28. 28. Module System Saturday, October 12, 13
  29. 29. Optimizer Saturday, October 12, 13
  30. 30. Keep Addressing CSS’s Faults. Saturday, October 12, 13
  31. 31. New Release Strategy Saturday, October 12, 13 One major feature per release Release when it’s ready. Follow semantic versioning.
  32. 32. The Future of Compass Saturday, October 12, 13
  33. 33. Fix Bugs, Remove the Cruft & Release 1.0 Saturday, October 12, 13
  34. 34. Less Ruby, More Sass Saturday, October 12, 13 One major feature per release Release when it’s ready. Follow semantic versioning.
  35. 35. More Sass Tools, Fewer CSS Tools Saturday, October 12, 13 Sass Standard Library
  36. 36. Notable Accomplishments Saturday, October 12, 13 Almost 14MM Sass downloads & 4MM compass download
  37. 37. 14,000,000 Downloads Saturday, October 12, 13
  38. 38. Saturday, October 12, 13
  39. 39. Corporate Sponsorship Saturday, October 12, 13 Chrome has built Sass specific features and contributed patches Paul presented about Sass at Google I/O Sass & Compass have dedicated resources from Google and LinkedIn
  40. 40. Books Saturday, October 12, 13 5 so far?
  41. 41. Pat ourselves on the back! Saturday, October 12, 13
  42. 42. We’re not done! Saturday, October 12, 13 Not by a long shot.
  43. 43. Missing Sass Features Saturday, October 12, 13 Module system Output Optimizer
  44. 44. Compass 2.0 Saturday, October 12, 13 Too much Ruby in Compass, config.rb needs to die.
  45. 45. Better Sass Website Saturday, October 12, 13
  46. 46. Documentation & Living Styleguides Saturday, October 12, 13 We are not leaving this conference without having a project leader for this.
  47. 47. Unit Testing Saturday, October 12, 13 True by Eric Meyer is awesome. https://github.com/tctcl/bootcamp by James Kyle We need to rally around these guys. We need to figure out what Sass features are needed and build them.
  48. 48. Plugin Repo Saturday, October 12, 13 We are not leaving this conference without having a project leader for this.
  49. 49. 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.
  50. 50. Installation is Still TOO HARD Saturday, October 12, 13
  51. 51. Sass is TOO SLOW Saturday, October 12, 13 LibSass
  52. 52. CSS Still SUCKS Saturday, October 12, 13
  53. 53. You matter. Saturday, October 12, 13
  54. 54. We matter. Saturday, October 12, 13
  55. 55. This is just the beginning. Saturday, October 12, 13
  56. 56. You will say you were here. Saturday, October 12, 13
  57. 57. Web Development is changing. Saturday, October 12, 13
  58. 58. We are changing. Saturday, October 12, 13 We are craftsmen and women. want good tools.
  59. 59. The inmates are running the assylum now. Saturday, October 12, 13 w3c TAG
  60. 60. You are the new generation of the web. Saturday, October 12, 13
  61. 61. You inspire me. Saturday, October 12, 13 I love talking to you. Helping you. Seeing your problems and helping you solve them.
  62. 62. Together we will do GREAT THINGS! Saturday, October 12, 13
  63. 63. Happy Styling! Saturday, October 12, 13

×