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

SCSS vs Less - the Face-off

Avatar for Mike Street Mike Street
November 11, 2013
Technology
0
170

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
Tweet

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
580

Other Decks in Technology

See All in Technology
A4）シラバスを超えて語る、テストマネジメント
Avatar for Sammy(MoritaMasami) moritamasami
0
130
AWS Systems Managerのハイブリッドアクティベーションを使用したガバメントクラウド環境の統合管理
Avatar for Toru_Kubota toru_kubota
0
160
Phase02_AI座学_応用
Avatar for overflow ,Inc overflowinc
0
2.9k
「お金で解決」が全てではない！大規模WebアプリのCI高速化 #phperkaigi
Avatar for すてにゃん stefafafan
5
2.3k
Amazon Qはアマコネで頑張っています〜 Amazon Q in Connectについて〜
Avatar for Yuuki Yamashita yama3133
1
130
CloudFrontのHost Header転送設定でパケットの中身はどう変わるのか？
Avatar for nagisa_53 nagisa53
1
190
Laravelで学ぶOAuthとOpenID Connectの基礎と実装
Avatar for Koji Yoshida kyoshidaxx
4
1.9k
Why we keep our community?
Avatar for Yasunobu Kawaguchi kawaguti
PRO
0
260
【社内勉強会】新年度からコーディングエージェントを使いこなす - 構造と制約で引き出すClaude Codeの実践知
Avatar for nwiizo nwiizo
24
12k
スピンアウト講座04_ルーティン処理
Avatar for overflow ,Inc overflowinc
0
1.2k
DMBOKを使ってレバレジーズのデータマネジメントを評価した
Avatar for Tech Leverages leveragestech
0
270
Kiro Meetup #7 Kiro アップデート (2025/12/15〜2026/3/20)
Avatar for Katz Ueno katzueno
2
250

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
89
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
360
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
270
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.1k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
300
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
120

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/