LESS vs. SASS - CSS Precompiler Showdown

75

description

In this presentation I'll show you why you should precompile, what LESS and SASS are, how they fit into your workflow, and which one I believe to be better based on a case study using both precompilers.

Transcript of LESS vs. SASS - CSS Precompiler Showdown

Page 1: LESS vs. SASS - CSS Precompiler Showdown
Page 2: LESS vs. SASS - CSS Precompiler Showdown
Page 3: LESS vs. SASS - CSS Precompiler Showdown
Page 4: LESS vs. SASS - CSS Precompiler Showdown
Page 5: LESS vs. SASS - CSS Precompiler Showdown
Page 6: LESS vs. SASS - CSS Precompiler Showdown
Page 7: LESS vs. SASS - CSS Precompiler Showdown
Page 8: LESS vs. SASS - CSS Precompiler Showdown
Page 9: LESS vs. SASS - CSS Precompiler Showdown
Page 10: LESS vs. SASS - CSS Precompiler Showdown
Page 11: LESS vs. SASS - CSS Precompiler Showdown
Page 12: LESS vs. SASS - CSS Precompiler Showdown
Page 13: LESS vs. SASS - CSS Precompiler Showdown
Page 14: LESS vs. SASS - CSS Precompiler Showdown
Page 15: LESS vs. SASS - CSS Precompiler Showdown
Page 16: LESS vs. SASS - CSS Precompiler Showdown
Page 17: LESS vs. SASS - CSS Precompiler Showdown
Page 18: LESS vs. SASS - CSS Precompiler Showdown
Page 19: LESS vs. SASS - CSS Precompiler Showdown
Page 20: LESS vs. SASS - CSS Precompiler Showdown
Page 21: LESS vs. SASS - CSS Precompiler Showdown
Page 22: LESS vs. SASS - CSS Precompiler Showdown
Page 23: LESS vs. SASS - CSS Precompiler Showdown
Page 24: LESS vs. SASS - CSS Precompiler Showdown
Page 25: LESS vs. SASS - CSS Precompiler Showdown
Page 26: LESS vs. SASS - CSS Precompiler Showdown
Page 27: LESS vs. SASS - CSS Precompiler Showdown
Page 28: LESS vs. SASS - CSS Precompiler Showdown
Page 29: LESS vs. SASS - CSS Precompiler Showdown
Page 30: LESS vs. SASS - CSS Precompiler Showdown
Page 31: LESS vs. SASS - CSS Precompiler Showdown
Page 32: LESS vs. SASS - CSS Precompiler Showdown
Page 33: LESS vs. SASS - CSS Precompiler Showdown
Page 34: LESS vs. SASS - CSS Precompiler Showdown
Page 35: LESS vs. SASS - CSS Precompiler Showdown
Page 36: LESS vs. SASS - CSS Precompiler Showdown
Page 37: LESS vs. SASS - CSS Precompiler Showdown
Page 38: LESS vs. SASS - CSS Precompiler Showdown
Page 39: LESS vs. SASS - CSS Precompiler Showdown
Page 40: LESS vs. SASS - CSS Precompiler Showdown
Page 41: LESS vs. SASS - CSS Precompiler Showdown
Page 42: LESS vs. SASS - CSS Precompiler Showdown
Page 43: LESS vs. SASS - CSS Precompiler Showdown
Page 44: LESS vs. SASS - CSS Precompiler Showdown
Page 45: LESS vs. SASS - CSS Precompiler Showdown
Page 46: LESS vs. SASS - CSS Precompiler Showdown
Page 47: LESS vs. SASS - CSS Precompiler Showdown
Page 48: LESS vs. SASS - CSS Precompiler Showdown
Page 49: LESS vs. SASS - CSS Precompiler Showdown
Page 50: LESS vs. SASS - CSS Precompiler Showdown
Page 51: LESS vs. SASS - CSS Precompiler Showdown
Page 52: LESS vs. SASS - CSS Precompiler Showdown
Page 53: LESS vs. SASS - CSS Precompiler Showdown
Page 54: LESS vs. SASS - CSS Precompiler Showdown
Page 55: LESS vs. SASS - CSS Precompiler Showdown
Page 56: LESS vs. SASS - CSS Precompiler Showdown
Page 57: LESS vs. SASS - CSS Precompiler Showdown
Page 58: LESS vs. SASS - CSS Precompiler Showdown
Page 59: LESS vs. SASS - CSS Precompiler Showdown
Page 60: LESS vs. SASS - CSS Precompiler Showdown
Page 61: LESS vs. SASS - CSS Precompiler Showdown
Page 62: LESS vs. SASS - CSS Precompiler Showdown
Page 63: LESS vs. SASS - CSS Precompiler Showdown
Page 64: LESS vs. SASS - CSS Precompiler Showdown
Page 65: LESS vs. SASS - CSS Precompiler Showdown
Page 66: LESS vs. SASS - CSS Precompiler Showdown
Page 67: LESS vs. SASS - CSS Precompiler Showdown
Page 68: LESS vs. SASS - CSS Precompiler Showdown
Page 69: LESS vs. SASS - CSS Precompiler Showdown
Page 70: LESS vs. SASS - CSS Precompiler Showdown
Page 71: LESS vs. SASS - CSS Precompiler Showdown
Page 72: LESS vs. SASS - CSS Precompiler Showdown
Page 73: LESS vs. SASS - CSS Precompiler Showdown
Page 74: LESS vs. SASS - CSS Precompiler Showdown
Page 75: LESS vs. SASS - CSS Precompiler Showdown

Sass Documentation

Sass Documentation

STAINED SASS

STAINED SASS

Web browser showdown

Web browser showdown

SuperStock SHowdown

SuperStock SHowdown

PreCompiler Session 01 - Tuesday 8:00...PreCompiler Session 01 - Tuesday 8:00 Up & Running with Graph Databases Greg Jordan This tutorial will include a mixture of theory, hands-on

PreCompiler Session 01 - Tuesday 8:00...PreCompiler Session 01 - Tuesday 8:00 Up & Running with Graph Databases Greg Jordan This tutorial will include a mixture of theory, hands-on

CMS Showdown

CMS Showdown

Anime Showdown

Anime Showdown

SASS inherited files - SASS Meetup in Denver, CO

SASS inherited files - SASS Meetup in Denver, CO

Helicopter Showdown

Helicopter Showdown

SASS newsletter

SASS newsletter

Sass - Getting Started with Sass!

Sass - Getting Started with Sass!

FWF ShowDown Night

FWF ShowDown Night

Ninja showdown artworks

Ninja showdown artworks

First sass

First sass

Predator: A Data Structure Precompiler - Department of … ·  · 2010-05-13Predator: A Data Structure Precompiler ... (similar to that in the C language) ... as well as any warnings

Predator: A Data Structure Precompiler - Department of … ·  · 2010-05-13Predator: A Data Structure Precompiler ... (similar to that in the C language) ... as well as any warnings

MaterializeCSS & SASS

MaterializeCSS & SASS

2018 Summer Showdown Page 1 - Evergreen Speedwayevergreenspeedway.com/.../2018-Showdown-Packet-1.pdf · 2018 Summer Showdown Page 4 Schedule for the 7th Annual Summer Showdown (Subject

2018 Summer Showdown Page 1 - Evergreen Speedwayevergreenspeedway.com/.../2018-Showdown-Packet-1.pdf · 2018 Summer Showdown Page 4 Schedule for the 7th Annual Summer Showdown (Subject

Installation Guide C/C++ Precompiler: SAP DB 7download.nust.na/pub2/Sap/instprecompiler_73eng.pdf · You can switch the precompiler trace on and off while the program is running.

Installation Guide C/C++ Precompiler: SAP DB 7download.nust.na/pub2/Sap/instprecompiler_73eng.pdf · You can switch the precompiler trace on and off while the program is running.

Marketing Showdown

Marketing Showdown

State of the Sass (LDN Sass, April 15th, 2015)

State of the Sass (LDN Sass, April 15th, 2015)