A pesar de que no es el objetivo de este artículo detallar las características y las ventajas/inconvenientes de LESS frente a Sass sí dejaremos algunos ejemplos básicos de las ventajas frente a código CSS compilado (el CSS “de toda la vida”).

Por ejemplo, gracias a LESS podemos convertir un código CSS compilado como:

#header {
  color: #4D926F;
}
h2 {
  color: #4D926F;
}

en algo como:

@color: #4D926F;

#header {
  color: @color;
}
h2 {
  color: @color;
}

Como vemos un código mucho más sencillo de modificar y mantener gracias a que LESS nos permite usar variables y funciones (mixins) en nuestro código CSS. Si en el futuro quisiéramos cambiar el color de todos los elementos que comparten la variable @color bastaría cambiar el valor asignado a esa variable en lugar de tener que modificar X líneas distintas.

Otra de las ventajas de LESS es que nos permite usar CSS anidado. Esto simplifica el código CSS y nos proporciona un código más fácil de interpretar. Un ejemplo de CSS anidado sería:

#header {
  h1 {
    font-size: 26px;
    font-weight: bold;
  }
  p { font-size: 12px;
    a { text-decoration: none;
      &:hover { border-width: 1px }
    }
  }
}

que al compilarse quedaría en algo como:

#header h1 {
  font-size: 26px;
  font-weight: bold;
}
#header p {
  font-size: 12px;
}
#header p a {
  text-decoration: none;
}
#header p a:hover {
  border-width: 1px;
}

El funcionamiento de LESS es sencillo. El código CSS se genera en archivos .less que son compilados y convertidos en CSS antes de mostrárselo al usuario. Es al compilar el código cuando LESS sustituye todas las variables y funciones dejando el código CSS final.

Oficialmente hay dos opciones para usar LESS:

1. Línea de comandos. Compilamos los archivos CSS y los adjuntamos a la versión final de la web. Las ventajas de este método son que vemos los posibles errores que se produzcan al compilar el código y que podemos evitar que se tenga acceso directo a los archivos .less
2. Archivo JS. Una librería javascript se encarga de compilar los archivos .less antes de mostrárselos al usuario. La ventaja de usar este método es que es mucho más sencillo de usar puesto que nos evitamos recompilar cada vez. El principal inconveniente es que el usuario puede desactivar javascript desde su navegador. Esto llevaría a que la página cargara sin estilos.

Nuestra recomendación es asegurarnos de que podemos trabajar con ambos métodos. Para el desarrollo usaremos la versión javascript. De esta forma podremos editar los estilos fácilmente y nos ahorraremos compilar cada vez que cambiemos un estilo. Antes de poner el sitio en producción compilaremos los archivos .less manualmente. De esta forma nos aseguramos de que el usuario siempre visitará la web en producción con el código CSS correcto.

Otra de las ventajas del método elegido es que si por cualquier motivo los estilos no se actualizaran correctamente con la librería javascript podremos hacer una prueba de funcionamiento con la línea de comandos y ver qué está fallando.

Instalar la versión javascript en una web es tan sencillo como incluir en el head de nuestra web algo como:

<script type="text/javascript" src="less.js"></script>

Simplemente resaltamos:

• La llamada al archivo LESS siempre debe hacerse antes que la llamada al archivo JS.
• La llamada al archivo LESS usa rel=”stylesheet/less” en lugar del corriente rel=”stylesheet”

Para instalar la línea de comandos en Ubuntu seguiríamos el método:

sudo apt-get install npm
npm install less

(Importante: ejecutamos npm sin sudo)

Esto instalará el Node Packet Manager y a través de él instalará LESS. Al finalizar tendremos un archivo en la carpeta bin de nuestro usuario ( /home/USUARIO/bin/lessc ) listo para que lo usemos para compilar archivos. Por comodidad enlazaremos el archivo a nuestro /usr/bin/ con:

sudo ln -sf /home/USUARIO/bin/lessc /usr/bin/lessc

(Importante: sustituir USUARIO con tu nombre de usuario)

Esto nos permitirá usar el compilador con lessc en lugar de con /home/USUARIO/bin/lessc

Para comprobar que el compilador por línea de comandos funciona podemos escribir en la carpeta donde tenemos el proyecto:

lessc ./less/styless.less > styless.css

Si no se produce ningún error al compilar obtendremos un archivo styless.css listo para usar.

Más información:

- An Introduction To LESS, And Comparison To Sass | Smashing Coding (inglés)

- lessphp – LESS compiler in PHP (inglés)

Antes de que nadie se haga ilusiones, sólo sirve para pequeños desarrollos en ASP clásico. Si se utilizan scripts complejos en el servidor o si utilizamos componentes de terceros, como Persits AspEmail, ya nos podemos ir olvidando.

Si aun así te interesa probarlo, un par de apuntes al respecto:

• Distingue mayúsculas de minúsculas. Mucho ojo con esto, porque tanto las directivas SSI, realizadas con <!--#include file="fichero" --> como el nombre del fichero, deben estar en minúsculas en el código, y en el caso del fichero de forma exacta a como esté en el disco.
• El documento raíz (default.asp en un servidor Windows), hay que configurarlo, ya que si no te encontrarás con que sigue buscando index.htm o index.html únicamente. Así, con un fichero .htaccess con el siguiente contenido es suficiente:

DirectoryIndex index.asp

• Sólo soporta scripting en Perl, que es como está desarrolado el módulo. No hemos encontrado solución a esto, de forma que el código tendrá que ser transformado desde VBScript o JScript. Había soluciones bastante prometedoras, como mod_VB o el servidor específico de ChiliSoft! -> Sun ASP One -> Oracle (?), pero hace tiempo que se dejó de invertir en ellas.

Así pues, si alguien se encuentra en esta situación, es momento de considerar muy seriamente un cambio de página web, que esto en 10 años cambia totalmente y ahora hay CMS de código abierto maravillosos. Si no es posible esto, pues quizá un cambio de ASP a PHP podría resultar suficiente, y quizá ASP2PHP pueda resultar de ayuda.

Si aun así necesitas aunmentar el tamaño en la página de microsoft http://support.microsoft.com/kb/832925/es tenemos como hacerlo.

Hago un resumen

1. Haga clic en Inicio y, a continuación, haga clic en Ejecutar.
2. En el cuadro Abrir, escriba regedit y haga clic en Aceptar.
3. En el panel izquierdo, expanda Mi PC y, a continuación, expanda HKEY_CURRENT_USER.
4. Expanda Software y, después, expanda Policies.
5. Expanda Microsoft y, a continuación, expanda Office.
6. Expanda 11.0 para Outlook 2003 y 12.0 para Outlook 2007 y, a continuación, expanda Outlook.
7. Haga clic en PST y, a continuación, haga clic con el botón secundario del mouse (ratón) en MaxFileSize en el panel derecho.
8. Haga clic en Modificar y escriba el valor en el cuadro Información del valor.
9. Haga clic en Aceptar.
10. Haga clic con el botón secundario del mouse en WarnFileSize y repita los pasos 8 a 9.
11. Haga clic con el botón secundario del mouse en MaxLargeFileSize y repita los pasos 8 a 9.
12. Haga clic con el botón secundario del mouse en WarnLargeFileSize y repita los pasos 8 a 9.

Nota: quizás tenga que crear los valores del Registro si no existen. Si los valores del Registro no existen, siga estos pasos para crearlos.

1. Haga clic en Inicio y en Ejecutar, escriba Regedit y haga clic en Aceptar.
2. En el panel izquierdo, expanda la siguiente clave del Registro:

   En Outlook 2007

   HKEY_CURRENT_USER\Software\Policies\Microsoft\Office\12.0\Outlook

   En Outlook 2003

   HKEY_CURRENT_USER\Software\Policies\Microsoft\Office\11.0\Outlook
3. En el menú Edición, seleccione Nuevo y haga clic en Clave.
4. Escriba PST y presione ENTRAR.
5. En el menú Edición, seleccione Nuevo y haga clic en Valor DWORD.
6. Escriba MaxFileSize y presione ENTRAR dos veces.
7. En el cuadro de diálogo Editar valor DWORD, escriba el valor en el cuadro Información del valor y haga clic en Aceptar.
8. Repita los pasos 3 a 7 para crear otro valor DWORD WarnFileSize.
9. Repita los pasos 3 a 7 para crear otro valor DWORD MaxLargeFileSize.
10. Repita los pasos 3 a 7 para crear otro valor DWORD WarnLargeFileSize y cierre el Registro.

Para MaxLargeFileSize y WarnLargeFileSize los valores máximos son 00005000 y para MaxFileSize y WarnFileSize son 7C004400