Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SCSS vs LESS
Search
Andrew Thal
April 20, 2012
Technology
4
270
SCSS vs LESS
Comparing and contrasting two CSS alternatives
Andrew Thal
April 20, 2012
Tweet
Share
More Decks by Andrew Thal
See All by Andrew Thal
The Thank You Economy
athal7
0
150
Developing for Multiple Browsers
athal7
1
120
Scala
athal7
4
660
Guard & Growl
athal7
0
110
Git Aliases
athal7
5
130
Other Decks in Technology
See All in Technology
Step by Stepで学ぶ、ADT(代数的データ型)、モナドからEffect-TSまで
leveragestech
1
3.2k
試作とデモンストレーション / Prototyping and Demonstrations
ks91
PRO
0
180
パフォーマンス最適化のベストプラクティス
databricksjapan
0
210
LINEヤフーのウェブアクセシビリティ
lycorptech_jp
PRO
3
210
Domain-driven Design: A Complete Example
ewolff
2
270
株式会社EventHub・エンジニア採用資料
eventhub
0
2.1k
20240516 OpenID TechNight Vol.21 OpenIDファウンデーション・ジャパンの 今後の活動について
oidfj
0
170
拓展QA日常工作的邊界
line_developers_tw
PRO
0
650
Prisma ORMを2年運用して培ったノウハウを共有する
tockn
19
5.1k
1Q86
kawaguti
PRO
2
190
[PyconUS 2024] Having fun with Pydantic and pattern matching
enforcerpl
0
190
【SORACOM UG 四国】今だからこそ学ぶ!IoTの全体像と最新事例、生成AIの基礎
soracom
PRO
2
190
Featured
See All Featured
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.7k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
We Have a Design System, Now What?
morganepeng
43
6.8k
Web Components: a chance to create the future
zenorocha
306
41k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
Building Flexible Design Systems
yeseniaperezcruz
320
37k
BBQ
matthewcrist
80
8.8k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
For a Future-Friendly Web
brad_frost
172
9k
A better future with KSS
kneath
231
16k
Transcript
SCSS vs LESS What's the dif?
Why CSS Sucks
Why CSS Sucks Repetitive code
Why CSS Sucks Long calls (no nesting)
Why CSS Sucks "Magic" Numbers
Necessary Boring Part
Syntactically Awesome Stylesheets Earlier versions inspired by HAML Version 3
SCSS (Sassy CSS) - CSS OK SASS/SCSS
Creator: Alexis Sellier (cloudhead) Can use in Belorussian LESS
Feature Nesting Operations, Flow control Selector Inheritance Compiles in the
browser SCSS LESS Feature Comparison
Feature Variables Mixins String Interpolation JS Evaluation SCSS $ @mixin
#{} none LESS @ . #{} `"hello".toUpperCase() + '!'` Syntax Differences
Dude, show me the code already
SCSS CSS
LESS CSS
CSS 742 SCSS 748 Character comparison LESS 704
So what should I use?
None
fewer characters (@mixin vs .) bootstrap compiles in js -SCSS
needs compiler outside of Ruby Why?