Meta Refresh 2015

The web in your pocket

JJ

Jigar Jain

@jigarjain

Simplifying CSS using {Less}

Submitted Mar 11, 2015

Writing scalable & modular CSS using preprocessors (LESS)

Outline

When it comes to building Web Apps, writing HTML & CSS is inevitable. And as an application grows big, the CSS becomes unwieldy. That is where giving a programmable logic(till some extent) to CSS can be really helpful.

We will be taking a look at:
- Modularization
- Variables
- Functions
- Mixins
- Nesting
- DRY
- Caveats

We will design a simple web page where all the features of Less preprocessor will be demonstrated. Basically I intend to show that how even CSS can be made programmable :)

At end of the workshop, you will be comfortable with CSS preprocessors & you might enjoy writing CSS.

Requirements

A laptop with
- Less installed (http://lesscss.org/#using-less)
- Simple text editor

Speaker bio

With around 3 years experience in building multiple web applications & a special place for CSS in heart, I have seen how using preprocessors have improved my CSS writing & management skills.

Links

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}