Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
540

Other Decks in Technology

See All in Technology
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.9k
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.3k
バグハンター視点によるサプライチェーンの脆弱性
Avatar for morioka12 scgajge12
2
290
シンプルを極める。アンチパターンなDB設計の本質
Avatar for Facilo Inc. facilo_inc
1
1k
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
320
20251127 BigQueryリモート関数で作る、お手軽AIバッチ実行環境
Avatar for daimatz daimatz
0
420
How native lazy objects will change Doctrine and Symfony forever
Avatar for Benjamin Eberlei beberlei
1
370
原理から解き明かす AIと人間の成長 - Progate BAR
Avatar for Teba_eleven teba_eleven
2
290
Modern Data Stack大好きマンが語るSnowflakeの魅力
Avatar for Sagara sagara
0
270
その設計、 本当に価値を生んでますか？
Avatar for akshimo shimomura
2
160
一億総業務改善を支える社内AIエージェント基盤の要諦
Avatar for Yuku Kotani yukukotani
8
2.8k
Claude Code Getting Started Guide(en)
Avatar for Oikon oikon48
0
130

Featured

See All Featured
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.3k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.8k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
54k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
120
20k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k

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/