Visual Studio: Less y CSS dinámicos

Que tal amigos, posiblemente ya estén al tanto que hace mucho tiempo se puede programar en las hojas de estilo CSS,
Asi es… según parece Less ha llegado para quedarse.

image

Si bien es cierto hay algunos trucos que permiten llegar a un CSS programable (aquí una conversación al respecto), Less nos brinda una manera más limpia de tener un CSS dinámico, es decir, programar en la hoja de estilos!!

Aquí un ejemplo de LESS tomado del blog del buen Hanselman 🙂
image

Asi es, programación en el CSS, lo cual nos genera…
image

Cómo funciona esto?
Pues gracias a una librería JavaScript que pueden descargar desde el sitio oficial de Less, interesante no?

Definitivamente la pregunta del millón sería si se puede usar en aplicaciones .net y mejor aún, con Visual Studio?

Pues si, el uso se puede considerar hasta transparente, para muestra un ejemplo, claro… debemos tener en cuenta que se debe manejar una librería adicional.

También podemos considerar  dynamic Less for .net, librería que se puede descargar incluso con código fuente.

Para tener un mejor soporte desde Visual Studio, les comento que hay dos extensiones que podrían considerar:
CSS is Less
Mindscape Web Workbench, que ya viene con soporte para VS11 =O

Antes de despedirme, más info de Less en dos artículos muy interesantes
¿Variables y funciones en CSS? LESS es la solución
Less.js dejará obsoleto al CSS, así es, no se olviden, se trata de un soporte basado en JavaScript 🙂

Sin más, me despido

@Jersson

Leave a Reply

Your email address will not be published. Required fields are marked *