Menu

Category Archives: LESS

Variables: The Backbone Of CSS Architecture

Excerpt of the ori­gin­al art­icle.

«When they hit the front-end land­scape a few years ago, pre­pro­cessors were her­al­ded as the saviour of CSS, bring­ing mod­u­lar­ity, mean­ing and even a degree of sex­i­ness. Terms like “Sass archi­tec­ture” became com­mon­place, ush­er­ing in a new gen­er­a­tion of CSS developers who occa­sion­ally went to excess with their new-found power. The res­ults were mar­vel­lous, and some­times undesir­able.»

Read more on

→ smashingmagazine.com

CSS, Sass, SCSS, Compass, Less, BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?CSS, Sass, SCSS, Compass, Less, BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?

CSS, Sass, SCSS, Compass, Less, BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS? 

Excerpt of the ori­gin­al art­icle.

«I’ve been think­ing a lot about my CSS author­ing, its cur­rent state and how it has changed over the years. Typ­ic­ally when I start a new pro­ject I’ll use my own frame­work Mother­plate. It uses SCSS and Com­pass. Most of the class names were’t ori­gin­ally based on any oth­er frame­work. »

Read more on

→ leemunroe.com

How to Quickly Set Up Less.jsHow to Quickly Set Up Less.js

How to Quickly Set Up Less.js

Excerpt of the ori­gin­al art­icle.

«Less.js (or just Less) is a CSS pre­pro­cessor that can revo­lu­tion­ize the way you write CSS. And it’s easy to install and set up for web devel­op­ment. »

Read more on

→ sixrevisions.com

Learning LESS: A Comprehensive IntroductionLearning LESS: A Comprehensive Introduction

Learning LESS: A Comprehensive Introduction 

Excerpt of the ori­gin­al art­icle.

«Now that we’re done talk­ing about SASS let’s now talk about learn­ing LESS. If you haven’t seen my SASS tutori­al, I recom­mend you check it here. In our pre­vi­ous tutori­al, we lis­ted down the draw­backs of CSS and how pre-pro­cessed meth­ods can improve your work­flow. »

Read more on

→ 1stwebdesigner.com

3 New LESS CSS Features You Should Know3 New LESS CSS Features You Should Know

3 New LESS CSS Features You Should Know 

Excerpt of the ori­gin­al art­icle.

«It’s been a while since our last dis­cus­sion on LESS CSS. Today, LESS CSS has reached ver­sion 1.5, and it has been evolving with new fea­tures that makes it more power­ful as a CSS Pre-pro­cessor. »

Read more on

→ hongkiat.com

DevDocs: The Ultimate Work of Reference for Web DevelopersDevDocs: The Ultimate Work of Reference for Web Developers

DevDocs: The Ultimate Work of Reference for Web Developers 

Excerpt of the ori­gin­al art­icle.

«Thibault Cour­ouble is back. The philo­soph­er and front-end developer from France cre­ated yet anoth­er use­ful web ser­vice for developers. His new pro­ject Dev­Docs has the poten­tial to become the ulti­mate work of ref­er­ence for any­body build­ing web apps. »

Read more on

→ noupe.com

LESS – The Dynamic Stylesheet

LESS – The Dynamic Stylesheet 

Excerpt of the ori­gin­al art­icle.

«You might have heard until now of LESS and you might know it has some­thing to do with CSS and styl­ing web­sites, but I am quite sure that not many people really know what LESS actu­ally is and why is it so spe­cial that it got its own name. »

Read more on

→ designmodo.com

LESS CSS – Beginner’s Guide

LESS CSS – Beginner’s Guide 

Excerpt of the ori­gin­al art­icle.

«Like we said in our pre­vi­ous post on CSS Style Pri­or­ity Level; CSS is very simple and straight for­ward. How­ever, it also has its lim­it­a­tions, par­tic­u­larly when it comes to its main­ten­ance. When we have thou­sands of lines of styles and some sep­ar­ated CSS files to main­tain, things will prob­lem­at­ic. »

Read more on

hongkiat.com

css less: Create faster fluid layouts with LESS

css less: Create faster fluid layouts with LESS 

Excerpt of the ori­gin­al art­icle.

«Paul Mist explains how to code dynam­ic CSS with LESS and how we can make use of vari­ables, mix­ins and func­tions to speed up the cre­ation of flu­id lay­outs »

Read more on

→ netmagazine.com

less css: Working Effectively With LESS: Tips And Tools

less css: Working Effectively With LESS: Tips And Tools 

Excerpt of the ori­gin­al art­icle.

«In our pre­vi­ous tutori­al, we have learned how to use LESS in prac­tic­al way by util­iz­ing applic­a­tions like Chrun­chApp to com­pile the code. This time we will walk through some handy tips that will be able to boost our per­form­ance and pro­ductiv­ity when com­pil­ing LESS syn­tax. »

Read more on

→ hongkiat.com