less

Cómo utilizar LESS (breve explicación)

lessEste post viene a cuento por que maquetando alguna que otra web me he dado cuenta de la cantidad de veces que he tenido que repetir código a la hora de escribir las hojas de estilo. Buscando un poco por internet encontré una pequeña explicación que me ha abierto los ojos con respecto a este “problema”. En esta web se exponen algunos ejemplos que bien mirados puede ayudar mucho a la hora de utilizar este lenguaje. Que ahorre tiempo no implica que LESS haga un milagro, si no sabes CSS de poco te servirá, es importante tener conocimientos de  CSS antes de empezar con LESS.

En este post voy a reproducir los mismos conceptos básicos que se utilizan en la web que utilizo como referencia ya que no tengo mucho tiempo ahora mismo. Supongo que ya tienes instalado LESS, se puede utilizar tanto en windows como en linux, en esta web podrás consultar como hacerlo en Ubuntu a través de este artículo publicado anteriormente. Si lo necesitas en Windows en la página que utilizo como referencia tienen publicado un artículo referente a ello.

Cómo utilizar LESS

Variables

LESS incorpora la posibilidad de utilizar variables en nuestros hojas de estilo, cosa que es sumamente útil porque ¿Quién no se olvidó del hexadecimal de aquel color de una fuente, o de aquella fuente que tampoco recuerdas?. A mi me sucede a menudo, y cuando tienes escritas tres mil y pico líneas de código



Anidación

LESS nos permite anidar selectores para evitar tener que repetir lineas de código. Esto es algo que me ha venido muy bien y supongo que a muchos otros también les puede resultar muy útil.

Mixins

Los mixins nos permiten meter bloques de código repetitivo en pequeñas funciones que podremos reutilizar. Esto a mi me ha venido bien para utilizar efectos CSS tan socorridos y que quedan tan bien en las páginas.

Mixin Guards

LESS también incorpora ciertas estructuras de control.

Bucles

Además tenemos también bucles.

En conclusión LESS es un lenguaje interesante para ahorrar tiempo a la hora de maquetar, aparte de lo que he comentado LESS incorpora un gran repertorio de funciones y características interesantes que podrás descubrir en su documentación oficial. No dejes de visitarla, ya que como he dicho esto no es más que un aperitivo de todo lo que se puede hacer …

Más información:

Deja un comentario