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

SCSS vs Less - the Face-off

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Mike Street Mike Street
November 11, 2013
Technology
190
0

SCSS vs Less - the Face-off

A presentation with benefits for switching from Less to SCSS

Avatar for Mike Street

Mike Street

November 11, 2013

More Decks by Mike Street

See All by Mike Street
The Digital Bucket List for People in the Web
Avatar for Mike Street mikestreety
0
620

Other Decks in Technology

See All in Technology
Pavlokで始める電撃駆動開発
Avatar for 佐藤陽威 sgrsn
0
190
生成 AI の基礎 〜 サンプル実装で学ぶ基本原理
Avatar for Etsuji Nakai enakai00
7
4.4k
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
7
19k
Master Dataグループ紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4.8k
Invisible to AI? Making TYPO3 Sites Quotable by AI Search Systems
Avatar for Wolfgang Wagner wolfgangwagner
0
190
サイバー捜査員研修（後半）
Avatar for Nomizo Nomizo nomizone
1
850
【CEDEC2026】グラフィックスエンジニアのためのニューラルシェーディング入門
Avatar for Cygames, Inc. cygames
PRO
0
140
ハーレムエンジニアリング
Avatar for yamachan kazuma777777
0
120
Genie Codeハンズオン基礎編
Avatar for Takaaki Yayoi taka_aki
1
110
メルカリのグローバルアプリで挑んだ AlloyDB 運用と課題解決の実践記
Avatar for hatappi hatappi
0
240
【CEDEC2026】ゲームシナリオライターを支援するAIツール開発の実践 ― 設計とプロンプトの工夫 ―
Avatar for Cygames, Inc. cygames
PRO
1
790
TypeScript入門 2026
Avatar for Recruit recruitengineers
PRO
3
560

Featured

See All Featured
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
230
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.7k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
340
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
600
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
330
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.5k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
270
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
440
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
470

Transcript

  1. Scss vs Less You decide...

  2. Variables Scss Less Draw

  3. Mixins Scss Less Winner

  4. Using Mixins Scss Less Draw

  5. Readability Scss Less Winner

  6. Extend Scss Less Winner

  7. Learning Scss Less Winner

  8. Moving on...

  9. Mixin ifs/where Scss Less Winner

  10. Loops Scss Less Winner

  11. Bonus! Source Map Scss Less Winner

  12. Scss And the winner is? A presentation by Mike Street

    (@mikestreety) Less framework: https://github.com/bozboz/boss/ Scss framework: https://github.com/bozboz/luigi/