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
630

Other Decks in Technology

See All in Technology
Claude Teamプランの コスト最適化を考える
Avatar for ふくだ（fukuda ryu） rfdnxbro
2
850
Genie Code ワークショップ 基礎編 / Genie-Code-Workshop-fundamental
Avatar for Databricks Japan databricksjapan
PRO
0
200
MCPを待つな、パスキーを拡げよう（OAuth/OIDC Numa (Immersion) Workshop 2026）
Avatar for OpenID Foundation Japan oidfj
PRO
0
420
最新技術に積極チャレンジ！EKS共通基盤のこれまでとこれから
Avatar for 高棹大樹 daitak
0
280
Level Up Your CDK DX: 5 Tools I’ve Been Building
Avatar for k.goto gotok365
2
150
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
3.2k
PM領域でのAI Agentの活用
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
150
Self Healing Rollouts: Automating Production Fixes with Agentic AI
Avatar for Kevin Dubois kdubois
0
110
bet_ai_day_2026_session02
Avatar for 株式会社AgenticSec agenticsec
0
140
GopherCon @シアトル に行ってきました
Avatar for Takuto Nagami logica0419
0
480
Microsoft MVP プログラムを紹介するから目指す人増えてくれ
Avatar for Yuta Matsumura tsubakimoto_s
0
160
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
Avatar for Cybozu cybozuinsideout
PRO
12
87k

Featured

See All Featured
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.1k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2.1k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
710
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
810
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
400
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.6k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.3k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.7k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
360
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1k

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/