pCSSEdit, Editor CSS visual hecho en Perl.


Logotipo

Te presento un editor para Hojas de Estilo en Cascada (CSS) totalmente visual.

Permite abrir un archivo CSS en forma de árbol y navegar por los distintos elementos para editarlos de dos formas: manualmente y visualmente.

La forma visual es la más práctica y te permite editar casi todas las propiedades de un CSS.

El editor ayuda a recordar qué opciones hay en cada propiedad pero necesitarás tener conocimientos del estándar para hojas de estilo en cascada si deseas hacer algo realmente bueno.

Para aquel que tiene algo de conocimiento sobre CSS (como en mi caso) el editor le va a facilitar bastante las cosas ya que trata al css como un árbol donde cada rama principal es el elemento de la hoja de estilo y las subramas de cada elemento son las propiedades.

Eso te permite modificar las propiedades (y elementos) en forma manual si así lo deseas simplemente haciendo clic sobre alguno.

Al mismo tiempo que el árbol organiza una lista donde está cada elemento uno arriba del otro.

pCSSEdit 1

También incluye un área de previsualización donde podrás ir viendo en forma muy acertada cómo es el estilo que estás editando en ese momento.

Información técnica

Está programado íntegramente en Perl utilizando PerlGTK+, PerlGlade y MozEmbed. Pero las funciones de interpretación y edición CSS están programadas en el mismo archivo sin utilizar ninguna biblioteca externa.

Por lo tanto la interfáz está basada en GTK+ y Glade.

Para algunos el hecho de estar basado en glade puede ser malo pero a mi me ha ayudado realmente a acelerar un poco el proceso de desarrollo especialmente tomando en cuenta que empecé casi sin conocimientos sobre GTK ni PerlGTK ni Glade (apenas poco y nada). Y en un poco más de 1 semana tuve lista esta versión funcional del programa.

Licencia

Se entrega bajo las condiciones de la licencia GPL v2.

Descarga

Lo único que hay para descargar es el código fuente en Perl y el Archivo de interfáz Glade.

Descargar código perl y archivo .glade (tgz 29K).

Dependencias

Necesitarás Glade para Perl y Gtk para Perl también.
También se requiere de MozEmbed y la versión para Perl.

Si tienes ubuntu no deberías preocuparte demasiado ya que con sólo instalar glade para perl el resto de las dependencias con GTK de Perl se instalarán solas.

Puedes usar el siguiente comando para instalar todas las dependencias:

sudo apt-get install libgtk2-gladexml-perl libextutils-depends-perl libextutils-pkgconfig-perl xulrunner-dev

MozEmbed para perl tendrás que instalarlo manualmente. Puedes descargarlo desde aquí.

Para instalarlo descomprímelo en un directorio temporal como por ejemplo en /tmp y luego ejecuta los siguientes comandos:

perl Makefile.PL && make

sudo make install

¿Te sirvió el programa?

Si este programa fue de utilidad para tí y deseas agradecer mi esfuerzo puedes hacerme una donación (a voluntad) con el botón de donar de paypal que se encuentra al costado.

Muchas gracias!

Desarrollo futuro

Espero poder terminarlo corrigiéndole los errores que tenga y preparando un archivo .deb listo para instalar así como también la entrada de escritorio.

Aporte

Si tienes ideas y deseas aportarlas puedes hacerlo de dos formas:

  1. Comentando aquí sobre las mismas
  2. Aplicándolas tú mismo ya que el código fuente está disponible

Por supuesto que procura respetar la GPL v2.

Si consideras que este programa es muy útil para tí y decidiste utilizarlo: Desde ya te agradezco por hacerlo, ya que esa es una satisfacción única para mí como programador.

También puedes agradecerme haciendo una donación. =D

Saludos!

  1. #1 por Richzendy el mayo 15, 2010 - 5:54 pm

    Tengo una sugerencia, sube este programa a:

    http://forja.softwarelibre.gob.ve

    Entra en la lista de correo de canaima GNU/linux y escribe sobre tu programa y haz saber que te gustaría encontrar hosting colaborativo para el proyecto.

    Iniciativas de este tipo ya lo han hecho programas como turpial y kiwix.

    Por demás el programa se ve interesante, voy a probarlo a ver que tal.

    • #2 por anyeos el mayo 18, 2010 - 10:43 am

      Gracias por la invitación la tomaré en cuenta. Pero se me había ocurrido otra idea: Voy a hacer la misma aplicación, o sea, un editor CSS, pero online directamente. Usando ajax y PHP. Los estilos los voy a poder aplicar “on the fly” directamente en el navegador en el que estés editando el CSS. Yo creo que ese sería mejor.
      Tengo pensado añadirle una función para importar CSS y otra para exportarlo. Que lo puedas editar visualmente pero también que puedas cambiar el dato en forma de texto. Bueno, muy parecido a estas ideas pero un poco mejor empleado y directamente sobre el navegador para que puedas ver los cambios en tu propio navegador y no tengas que instalar nada.
      Estaba pensando también en una opción que te permita subir el HTML al cual le quieres aplicar el estilo.
      Pero no puedo prometer ninguna fecha, porque estoy muy ocupado. Lo que sí puedo prometer es que lo voy a hacer porque lo necesito y actualmente estuve usando bastante este (y justamente por eso lo programé).

      Saludos.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: