El último artículo de Software Engineering Tech Trends se titula Doing more with LESS!. LESS extiende CSS con nuevas características que facilitan la creación y mantenimiento de las hojas de estilo. LESS se pude ejecutar en el servidor y, como está programado en JavaScript, también en el cliente.

La mejor forma de aprender es haciendo. Siguiendo las recomendaciones de por dónde empezar del artículo de Sett, cambio el fichero style.css de enlosdetalles.net por style.less.

El blog usa Jekyll así que no queda otra que usar LESS en el cliente. Descargo el fichero less.js y modifico el layout por defecto:

<head>
	...
	<link href='/css/style.less' rel="stylesheet/less" media="all" />
	...
	<script src="/js/less.js" type="text/javascript"></script>
	...
</head>

Es importante incluir las hojas de estilo antes que el script.

Por último modifico el fichero style.less para hacer uso de algunas las mejoras que aporta LESS: variables y ‘nested rules’. De paso corrijo algunos errores que tenía la hoja de estilos. La hoja de estilos no era complicada pero ahora está más ordenada y legible.