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
590

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
320
Global styles the story so far
Avatar for Tammie Lister tammielis
1
790
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
770
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
640

Other Decks in Design

See All in Design
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
510
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
570
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
2
2.1k
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
710
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
110
Yumika Yamada Portfolio
Avatar for Yumii yumii
0
2.1k
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
130
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
880
What makes a great Director?
Avatar for _Limex_ _limex_
0
330
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
900k
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
800
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
2.7k

Featured

See All Featured
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
23k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
209
24k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.7k
Visualization
Avatar for Eitan Lees eitanlees
149
16k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
354
21k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.9k

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