1 of 34

Slide Notes

DownloadGo Live

Write less, do more

Published on Nov 21, 2015

No Description

View Outline

MORE DECKS TO EXPLORE

PRESENTATION OUTLINE

1.

WRITE LESS, DO MORE

INTRODUCTION TO LESS CSS
Photo by Jsome1
2.

@KEVINVANDERBIJL

CAPGEMINI, HTML, CSS, SOCIAL BUSINESS CONSULTANT, FUN FACT: IN A BOWLING LEAGUE
3.

HI KEVIN

CAN YOU CHANGE THE THEME TO BLUE PLEASE?
Photo by gazzat
4.

SURE

CAN YOU COME BACK IN HALF AN HOUR?
Photo by I_am_Allan
5.

AND HOW DOES IT LOOK?

HMM, NOT WHAT I EXPECTED, CAN YOU TRY GREEN AND ORANGE
Photo by gazzat
6.

D'OH

Photo by Adam Comerford
7.

CSS PRE-PROCESSOR

LESSCSS, COMPASS, SASS, STYLUS AND MANY MORE
Photo by kevin dooley
8.

Untitled Slide

9.

LESS CSS

AN INTRODUCTION
Photo by el_finco
10.

OLD CSS MISSING FEATURES

Photo by Thomas Hawk
11.

MISCONCEPTIONS

LET'S GET THINGS OUT THE WAY FIRST
Photo by Henry M. Diaz
12.

BACKEND

I NEED NODE.JS ON MY PRODUCTION ENVIRONMENT
Photo by Tom Raftery
13.

CLIENT SIDE

DEVELOPMENT YESS, PRODUCTION NO WAY
Photo by Stéfan
14.

HARD TO INSTALL

YOU CAN INSTALL LESS IN ABOUT 5 MIN
Photo by Haags Uitburo
15.

ENHANCE MY CSS PLEASE

IT WILL IMPROVE YOUR WORKFLOW, NOT YOUR CSS
Photo by Jinho.Jung
16.

LET'S START

DON'T FORGET TO MAKE A SMALL PLAN
Photo by LoopZilla
17.

Variables

18.

Operations

19.

MIXINS

20.

NESTING

21.

NAMESPACING

22.

SCOPE

23.

basic lay-out .less file

24.

ASSIGNMENT

Photo by villy21
25.

DIVING A BIT DEEPER

PARAMETRIC MIXINS, PATTERN MATCHING &GUARD EXPRESSIONS, IMPORTING AND COMMENTS
Photo by Nataraj Metz
26.

Parametric Mixins

Photo by tim caynes
27.

@ARGUMENT

28.

PATTERN MATCHING

29.

GUARDS

30.

IMPORT

Photo by 'PixelPlacebo'
31.

ASSIGNMENT

Photo by RLHyde
32.

Untitled Slide

Photo by Criterion
33.

Untitled Slide

Photo by woodleywonderworks
34.

COPYRIGHT & Inspiration

Photo by ecstaticist

Kevin van der Bijl

Haiku Deck Pro User