Upgrade to Pro — share decks privately, control downloads, hide ads and more …

A tale of Sass in an open source world

Avatar for Tammie Lister Tammie Lister
October 01, 2014
Design
0
580

A tale of Sass in an open source world

How Sass came to be in _s

Avatar for Tammie Lister

Tammie Lister

October 01, 2014
Tweet

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
Avatar for Tammie Lister tammielis
1
1.1k
CSS in the editor
Avatar for Tammie Lister tammielis
0
310
Global styles the story so far
Avatar for Tammie Lister tammielis
1
770
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.3k
Being Brave
Avatar for Tammie Lister tammielis
2
1.7k
Lessons from growing design in the open
Avatar for Tammie Lister tammielis
0
1.1k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
760
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
630

Other Decks in Design

See All in Design
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
Avatar for Yu Morita securecat
5
1.7k
なぜプレイドにデザインエンジニアが必要だったのか？
Avatar for t32k t32k
0
1.6k
アクセシビリティに取り組むメリット
Avatar for Rikiya Ihara / magi magi1125
2
240
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
260
デザイナー向けフライル説明資料
Avatar for Toshiaki Arai toshiblues
0
110
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
110
文字コントラストを改めて考える / Reevaluating Text Contrast
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
500
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
1
870
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
180
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
0
420
【最新】マズロー安達の弟子実績（1期-4期の26人分）
Avatar for マズロー安達 maslow_akkun
0
1.9k
Installing and Running decksh/pdfdeck
Avatar for Anthony Starks ajstarks
1
840

Featured

See All Featured
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
Fireside Chat
Avatar for paigeccino paigeccino
39
3.6k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.9k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
13k

Transcript

  1. A tale of Sass in an open source world.

  2. @karmatosed Tammie Lister

  3. None

  4. “A 1000-HOUR HEAD START: INTRODUCING THE _S THEME” Ian Stewart

    - themeshaper.com/2012/02/13/introducing-the- underscores-theme/

  5. Github.Com/Automattic/_S

  6. None
  7. None
  8. None
  9. None
  10. None

  11. https://github.com/sabreuse/sassy_s https://github.com/karmatosed/undersass https://github.com/MichaelArestad/th_s and more…

  12. None
  13. None

  14. It needed to happen and I got the task

  15. None

  16. No compiler or configs (yet).

  17. Leave out Compass.

  18. Careful mixins

  19. All levels of Sassy peeps.

  20. Output is just like _s current style.css.

  21. Version one: partial all the things!

  22. None

  23. https://www.youtube.com/watch?v=EmNcD3b3ZtI

  24. Version two: modular is better

  25. None
  26. None
  27. None
  28. None
  29. None
  30. None

  31. We let it sit and opened it up for opinions…

  32. None
  33. None
  34. None

  35. How does community built Sass work?

  36. Sometimes you need to make decisions

  37. Sometimes you need to unmake decisions

  38. Sometimes you need to reach out

  39. Patience

  40. Revision

  41. Set limits

  42. How do you get it?

  43. http://underscores.me/

  44. Future

  45. Thanks