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
160

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
520

Other Decks in Technology

See All in Technology
AWS DMS で SQL Server を移行してみた/aws-dms-sql-server-migration
Avatar for emi emiki
0
220
ViteとTypeScriptのProject Referencesで 大規模モノレポのUIカタログのリリースサイクルを高速化する
Avatar for did0es shuta13
3
200
「最速」で Gemini CLI を使いこなそう！ 〜Cloud Shell/Cloud Run の活用〜 / The Fastest Way to Master the Gemini CLI — with Cloud Shell and Cloud Run
Avatar for Kento Kimura aoto
PRO
1
170
What's new in OpenShift 4.20
Avatar for Red Hat Livestreaming redhatlivestreaming
0
210
Behind Postgres 18: The People, the Code, & the Invisible Work | Claire Giordano | PGConfEU 2025
Avatar for Claire Giordano clairegiordano
0
120
オブザーバビリティと育てた ID管理・認証認可基盤の歩み / The Journey of an ID Management, Authentication, and Authorization Platform Nurtured with Observability
Avatar for 株式会社カミナシ kaminashi
1
610
SQLAlchemy の select(User).where(User.id =="123") を理解してみる/sqlalchemy deep dive
Avatar for Ryusei Ohkura 3l4l5
3
340
GraphRAG グラフDBを使ったLLM生成（自作漫画DBを用いた具体例を用いて）
Avatar for sea-turt1e seaturt1e
1
130
Implementing and Evaluating a High-Level Language with WasmGC and the Wasm Component Model: Scala’s Case
Avatar for Rikito Taniguchi tanishiking
0
180
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
13
82k
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
Avatar for Leko leko
2
180
OTEPsで知るOpenTelemetryの未来 / Observability Conference Tokyo 2025
Avatar for Arthur arthur1
0
190

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.7k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
272
21k

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/