LESS – Aumenta el poder de CSS

Escrito el día 30/07/2009



LESS - Leaner CSSAunque no me dedico al diseño web sí soy un reconocido fan de la técnica CSS a la hora de diseñar páginas. Cuesta un poco acostumbrarse después de tantos años peleándose con tables, td, tr y demás, pero el resultado vale la pena: flexible, limpio y dócil ante cualquier futura modificación.

El caso es que ayer un amigo me habló de LESS y de la posibilidad de aumentar el poder de las técnicas CSS usando variables, por ejemplo.

variables

También podemos organizar las reglas dentro de una misma entidad, dejando el código más limpio y sencillo de entender.

reglas

O incluso añadir operaciones matemáticas para facilitar el diseño geométrico del proyecto.

operaciones

Podéis programar la hoja de estilos en LESS y, al finalizar, compilar el código para que se genere el archivo CSS de toda la vida. Tenéis toda la documentación necesaria en http://lesscss.org

Publicidad

Comentarios (3)

  1. Gastón Marrero julio 30, 2009

    CSS Hell !…

    Quienes desarrollamos/diseñamos sitios web, nos encontramos a diario con lo dificil que resulta organizar de una manera eficiente el contenido de nuestros CSS.
    ¿Repito el font type en distintos bloques o los agrupo en una única sentencia? ¿Cómo puedo …

  2. Optimizar hoja de estilos CSS agosto 4, 2009

    [...] Enlace: Less CSS Via: WWWhatsNew [...]

  3. KillerStartups.com - LessCSS.org - An Alternative To CSS agosto 23, 2009

    LessCSS.org – An Alternative To CSS…

    I found your entry interesting do I’ve added a Trackback to it on my weblog :)

Opina y comenta