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

SASS for fun and profit

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for azisaka azisaka
March 04, 2013
Programming
150
3

SASS for fun and profit

Keynote presented at Ruby on Rio event in Rio de Janeiro

Avatar for azisaka

azisaka

March 04, 2013

More Decks by azisaka

See All by azisaka
API Design
Avatar for azisaka azisaka
7
190
Omniauth - Basic and principles
Avatar for azisaka azisaka
1
84

Other Decks in Programming

See All in Programming
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
Avatar for Manfred Steyer manfredsteyer
PRO
0
250
ユニットテストの先へ：テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
Avatar for SHIMANE, Yoshikazu shimashima35
0
400
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
Avatar for Daisuke Masuda x5gtrn
PRO
0
1.3k
AIだと陥りがちなJakarta EE最新技術への移行時の落とし穴と解決策
Avatar for tnagao7 tnagao7
0
110
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
Avatar for Tatsuhiro tatsuhiro
1
130
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
Avatar for ニフティ株式会社 niftycorp
PRO
0
160
Spec Driven Development | AI Summit Lisbon
Avatar for Daniel Sogl danielsogl
PRO
0
190
AIで効率化できた業務・日常
Avatar for Ochtum ochtum
0
130
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
3
570
代数的データ型って何が嬉しいの？ #frontend_phpcon_do
Avatar for Takuma Kajikawa kajitack
8
3.6k
Oxcを導入して開発体験が向上した話
Avatar for Yuji Yamaguchi yug1224
4
310
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
Avatar for terry-u16 terryu16
0
260

Featured

See All Featured
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.3k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
34k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
200
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
820
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
230
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
160
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.5k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k

Transcript

  1. SASS f r r

  2. CSS Verboso Difícil de ler não tem um padrão

  3. None

  4. SASS Compartível com css3 fácil de ler e escrever gera

    css formatado

  5. C ?

  6. Nesting

  7. Parent References

  8. Variáveis

  9. Operações

  10. Funções

  11. MIXINS

  12. R ... Acelera o desenvolvimento remove tudo o que é

    desnecessário torna o css programável de verdade

  13. C

  14. Framework SASS

  15. Helpers css3

  16. Sprites

  17. Obr !