Crunch! es una herramienta que nos permitira trabajar mucho mejor con nuestros archivos less (como ya se mensiono en un post anterior) . La razon de ser de Crunch! es ser editor para archivos  less y transformar nuestos .less a .css, pero durante este proceso nos brinda algunas bondades. y al correr sobre Adobe Air lo convierte en multiplataforma.Su interfaz es muy sencilla e intuintiva pero con algunas utilidades en la ayuda como:

  • Introducción sobre less
  • Combinancion de teclas para funcionalidades.
  •  Nos ofrece docuemntación sobre lees (muy util si vamos empezando).
  • Y por supuesto nos dice que es Crunch!.

Ventajas.

  • Resaltado nativo de la sintaxis .less
  • Trabajar con directorios
  • Archivos por pestañas
  • Editor archivos  .css.
  • Exportar nuestros .less a .css
  • Aasocia los archivos .less con la aplicación

¿Por que es conveniente generar codigo  CSS?

A la hora de lanzar nuestro proyecto web a producción  es recomendable pasar de less a CSS ya que

  • No estaremos dejando ver nuestro codigo fuente original, si no un monto de codigo CSS generado. De no hacerlo así podemos dejar ver nuestras funciones (Mixins).
  • Nuestra web cargara un poco mas rapido ya que no debera incluir el archivo less.js ni este tendra que interpretar nuestros archivos .less

En mi opinion deberiamos invocar los .css solo cuando es lanzado a producción ya que en tiempo de desarrollo requeriremos modificar nuestros .less.

¿Ustedes que opinan?

La ultima versión es  Version 1.1.1 Beta. (Espero que para la versión final no se olviden del autocomplete en la sintaxis)

Descarga Crunch!

[dmalbum path=»/wp-content/uploads/dm-albums/Crunch/»/]

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *