Geany con Zen Coding

Geany es un editor de texto disponible para Linux y también para Windows.

Zen Coding es una utilidad que permite generar HTML a partir de una expresión abreviada. Por ejemplo, resulta práctico que algo como 'html:xs' pueda expandirse en el esqueleto completo de un documento XHTML.

Hay plugins que permiten tener la funcionalidad de Zen Coding en editores como Notepad++ o gEdit. Para Geany, está tardando un poco. Pero hay una manera, sugerida en el artículo http://damour-ua.com/?p=65 que puede ayudar mientras tanto.
  1. Descargar el archivo http://damour-ua.com/files/zen.zip y descomprimirlo en algún lugar. Por ejemplo, yo lo coloqué como /home/rulo/Bin/zen
  2. En Geany, entrar a Edit, Format, Send Selection To, Set Custom Commands y colocar allí una línea como:
    python /home/rulo/Bin/zen/1.py
  3. Para probar la funcionalidad, en un documento de Geany, ingrese una expresión zen coding, como html:xs, selecciónela y pulse CTRL+1.
Referencias
Hay un plugin independiente que se puede instalar (instrucciones en https://github.com/codebrainz/geany-zencoding/blob/master/README.markdown).

Para hacerlo en Linux Mint 11 (2.6.38-8-generic #42-Ubuntu) requerí instalar autoconf, libtool, libgtk2.0-dev, y python-dev.


Comentarios

Publicar un comentario

Entradas populares de este blog

Mostrando imágenes grandes con Zoomify

Imagen
Imagine que necesita mostrar una imagen muy grande en su página web. Una imagen jpeg de 640x480 mide alrededor de 100 KB y puede tardar un par de segundos en cargar en una conexión típica. Una imagen de 2000x3000 mide más de 1 MB y tardaría como un minuto. Zoomify permite navegar sobre una imagen muy grande usando un componente flash que carga sólo las imágenes necesarias para mostrar cierta porción de ella. Es posible desplazarse, acercarse y alejarse. Puede ver un ejemplo de uso directo de Zoomify aquí . Instalación Descargué ZoomifyExpress (disponible gratuitamente tanto para Windows como para Mac... pero anímese, más abajo describo cómo se puede usar con Drupal en Linux), y lo descomprimí. La carpeta resultante, ZoomifyExpress4, se puede colocar en cualquier lugar de su disco; no necesita instalación. Contiene tanto el visor flash ZoomifyViewer.swf, como el preprocesador de imágenes Zoomify Converter.exe, usado para generar los mosaicos que serán cargados por el visor según ...
Leer más

Debug con Xdebug y Aptana (y Notepad++)

Imagen
Aunque quizás llevo bastante tiempo desarrollando aplicaciones web, no me había preocupado mucho por encontrar un modo de hacer depuración línea por línea (como lo hacía cuando estudiaba Turbo Pascal... cuantos años ya). No creía que se podría hacer con comodidad. Suponía que el procedimiento era demasiado técnico o se requería de un IDE pesado o costoso. Por ejemplo, en Java, no llegué a hacerlo. Ni siquiera con las aplicaciones no web. Quizás porque fueron muy pocas o muy pequeñas como para sentir la necesidad. Con PHP, he sentido muchas veces la necesidad, pero hasta ahora había podido sobrevivir poniendo echo y print_r. Pero ahora, trabajando con Drupal, aunque el código es relativamente claro, hay varios paradigmas de organización conviviendo y con frecuencia no sé por donde entrar. Hay documentación, pero muchas veces siento que sólo parece aumentar las sombras del bosque. Usar la técnica de echo y print_r es util, como dejar migajas en el camino, pero puede ser algo tedi...
Leer más

CSS3 para mejorar el breadcrumb de un tema Zen

Imagen
CSS3 está permitiendo hacer muchas cosas interesantes que antes requerían además javascript o imágenes de apoyo. Por ejemplo, usando sólo CSS se puede hacer que la lista de breadcrumbs se vea como: La idea es independiente del tema. En este caso, la ilustraré con un subtema Zen. Configuración del tema Normalmente hay un caracter de separación para los términos del breadcrumb. Ingresar a la configuración del tema e indicar que no se use ninguno. También indicar que no se agregue dicho caracter al final de la lista. HTML De ese modo, el HTML del breadcrumb será similar a: <div class="breadcrumb"> <a href="/drupal/inmobiliaria/">Inicio</a> <a href="/drupal/inmobiliaria/admin">Administrar</a> <a title="Controla la apariencia del sitio." href="/drupal/inmobiliaria/admin/build">Construcci&#195;&#179;n del sitio</a> <a title="Cambia el tema que usa el sitio ...
Leer más