Meta Refresh
Meta Refresh

Meta Refresh 2015

The web in your pocket

All submissions

Jigar Jain

@jigarjain

Simplifying CSS using {Less}

Submitted Mar 11, 2015

Section: Workshops Technical level: Intermediate

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

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.

All submissions

Comments

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

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

{{ errorMsg }}

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

Register

Hosted by

Meta Refresh
Meta Refresh
Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more