5 alternativas a Dreamweaver que deberías conocer

El sucesor de Nvu, el editor BlueGriffon, de Disruptive Innovations, se basa en el motor de renderizado Gecko, escrito en C++ y utilizado por el navegador Firefox. El editor WYSIWYG implementado hace posible crear y editar páginas en HTML4, HTML5 o XHTML, cuya calidad es posible comprobar en tiempo real gracias al modo de vista previa. Está disponible en 20 idiomas, entre ellos español, italiano, francés, alemán e inglés.

BlueGriffon funciona con las versiones más modernas de Windows (desde la 7) y macOS (desde la 10.8), así como, a diferencia de Dreamweaver, con la distribución Ubuntu desde la versión 16.04.

Entre sus características más importantes destacamos:

• Integra fácilmente formularios, vídeos y archivos de audio en HTML5

• Editor de CSS (soporta técnicas de transformación en 2D y 3D)

• Editor SVG

• Gestión de fuentes para FontSquirrel y Google Fonts

• Función para destacar sintaxis y autocompletar

• Barras de menús y atajos de teclado ajustables

• Accesibilidad gracias a ARIA (Accessible Rich Internet Applications)

También el software de programación y desarrollo web KompoZer desciende del proyecto de Mozilla Nvu y también se basa en el motor Gecko. Inicialmente consistente en pequeñas mejoras al software de Nvu, cuyo autor abandonó su desarrollo en 2006, el programa acabó tomando un camino independiente hasta que se publicó como editor web autónomo bajo las licencias libres GNU GPL (GNU General Public License), GNU LGPL (GNU Lesser General Public License) y MPL (Mozilla Public License). El equipo de Mozilla interrumpe su desarrollo en 2010, pero aun así el software está operativo en todos los sistemas Windows, macOs y Ubuntu (desde la versión 14.04). Hoy cuenta con soporte para más de veinte idiomas, entre ellos español, inglés, francés, italiano y alemán.

Aun cuando KompoZer no pertenece al grupo de alternativas a Dreamweaver que puedan competir realmente con aquél en cuanto a funciones y complejidad, la aplicación libre ofrece a sus usuarios algunas características que permiten editar páginas web diseñadas profesionalmente, como son:

• Un potente editor WYSWYG que permite alternar fácilmente entre la vista previa y la de código

• Editor CSS integrado con función para importar hojas de estilo

• Barras de menú ajustables

• Revisión ortográfica y marcado sintáctico

• Pestañas para trabajar simultáneamente en varias páginas

• Asistente para formularios

• Limpiador de marcas integrado que revisa el proyecto en conformidad con W3C

• Gestor de páginas FTP que incluye la función drag and drop para archivos audiovisual

En este caso estamos ante una alternativa a Dreamweaver de código abierto lanzada por Adobe mismo en 2011 como proyecto comunitario. En el repositorio de Brackets en GitHub se encuentran hoy más de 5500 bifurcaciones de este editor de código gratis, protegido con una licencia MIT y basado en HTML, CSS y JavaScript. Brackets puede usarse con Windows y Mac tanto como con Linux (Ubuntu y Debian), aunque en este último caso sin el abanico de funciones completo. Funcionando con el entorno de ejecución de JavaScrip Node.js, Brackets admite la ampliación con extensiones, entre las que se incluye un editor WYSIWYG que no integra la versión estándar. En esta alternativa a Dreamweaver no se puede comprobar la vista previa del código en el mismo programa, aunque se puede ir comprobando el estado del proyecto en Google Chrome, si se tiene instalado.

Tres son los componentes elementales de este moderno editor web que los desarrolladores de Brackets destacan especialmente:

• Edición rápida: con Brackets se dispone de la plataforma perfecta para escribir código. Solo hay que abrir el programa y ponerse a trabajar. No es necesario alternar entre archivos diferentes para HTML, CSS y JavaScript, pues se pueden utilizar editores integrados para hojas de estilo y scripts directamente en el documento HTML. Se selecciona el elemento y, con ayuda de atajos específicos, se abren las máscaras de edición correspondientes.

• Vista previa en vivo: cuando se utiliza la función de vista previa de Chrome, Brackets envía automáticamente todos los cambios realizados en el código HTML y CSS en tiempo real, de forma que en todo momento es posible evaluar su correcto funcionamiento. En este modo no permite revisar los ajustes en las aplicaciones JavaScript, aunque está previsto para el futuro, según las afirmaciones del fabricante. Lo que hoy sí es posible es ver los cambios realizados en el código JavaScript en el navegador al guardar el proyecto.

• Compatibilidad con preprocesores: la edición de código con esta herramienta alternativa a Dreamweaver no solo se caracteriza por su gran velocidad sino también por la posibilidad de utilizar archivos Less y SCSS gracias a su compatibilidad con los preprocesores Less y Sass. Su sencilla sintaxis, compatible con Brackets, permite escribir y editar hojas de estilo aún más velozmente.

Aptana Studio es el entorno libre e integrado de desarrollo de Aptana Inc. Esta plataforma se basa en la herramienta de Java Eclipse y soporta diversos lenguajes de programación como PHP, Python y Ruby además de JavaScript, HTML5 y CSS3. También se pueden integrar en la aplicación las bibliotecas Ajax jQuery, Prototype o script.aculo.us para utilizarlas en el proceso de desarrollo. Nuestra cuarta alternativa a Dreamweaver está disponible como versión independiente para Windows (desde XP), Linux (desde Ubuntu 9.04 / Fedora 12) y macOS (desde OS X 10.5) y también como extensión Eclipse (desde Eclipse 3.6). Su equipo de desarrollo distribuye Aptana Studio bajo un modelo de licencia dual, según la cual los usuarios pueden bien decantarse por una combinación de licencia GNU-GPL y Aptana-GPL-Exception o por la licencia pública de Aptana (APL).

Además del amplio soporte de lenguajes de programación y de plataformas, estas características diferencian a este editor web:

• Asistente de código: el asistente para código sugiere posibles argumentos, propiedades o métodos e incluye información sobre el grado de soporte para cada elemento HTML, CSS y JavaScript por la mayor parte de navegadores.

• Debugger integrado: Aptana Studio incluye un depurador de JavaScript y de Ruby on Rails que ayudan a detectar y solucionar errores.

• Asistente de carga y descarga: con esta función, Aptana Studio ofrece soporte a la hora de cargar, descargar o sincronizar los archivos del proyecto con FTP, SFTP y FTPS.

• Control de versiones: es muy fácil conectar el proyecto con Git para que el trabajo conjunto en el código fuente sea seguro, tal como permite GitHub de forma online, por ejemplo.

• Herramienta integrada de líneas de comando: la terminal integrada (Terminal) permite ejecutar comandos en Aptana Studio directamente. 

• Entorno de desarrollo flexible: Aptana Studio se puede configurar libremente y ampliar las funciones básicas con scripts para comandos estándar o añadirles atajos con el objetivo de lograr una usabilidad óptima.

En 2014, el servicio de alojamiento para todo tipo de proyectos de desarrollo GitHub publicó su propio editor web. El fundamento lo constituye el framework multiplataforma Electron (antes Atom Core), que combina el navegador Chromium con el entorno de ejecución JavaScript Node.js y lleva, asimismo, la firma de los desarrolladores de GitHub.

Inicialmente, las extensiones y diversos paquetes fueron los únicos publicados con licencia de código abierto hasta que, finalmente, GitHub decidió distribuir bajo una licencia MIT también el código fuente del proyecto completo, incluyendo todos los “Packages” estándar, como se denominó a los módulos de funciones del editor. Las funciones del editor web son accesibles a través de diversos API de JavaScript, aunque los desarrolladores recomiendan usar CoffeeScript en lugar de JavaScript. Para contenidos CSS, Atom utiliza como estándar el lenguaje de hojas de estilo simplificado Less.

Con los plugins correspondientes, este editor alternativo a Dreamweaver provee de soporte a diversos lenguajes como PHP, Ruby, Java, C, C++, Python y Perl, que se suman a los más recientes estándares de HTML, CSS y JavaScript o CoffeeScript.

Entre las numerosas prestaciones de Atom se cuentan:

• Gestor de paquetes integrado: Atom ofrece a sus usuarios un gestor propio de paquetes llamado apm (Atom Package Manager), que facilita enormemente la integración y la instalación de paquetes.

• Autocompletar: esta herramienta sugiere cómo completar el código que se está escribiendo en función del lenguaje que se está utilizando, que se puede aceptar simplemente activando una tecla. Estas sugerencias se pueden, asimismo, ampliar con códigos propios.

• Acentuación sintáctica con colores: si se quiere hacer uso de ella, esta función se aplica a las reglas más importantes de los lenguajes que han sido instalados.

• Gestión de versiones: como aplicación GitHub, Atom ha implementado la herramienta de control de versiones Git, que ayuda a mantener la visión general sobre los cambios efectuados en el proyecto. Es posible, por ejemplo, configurar el editor para que destaque visualmente las líneas que se han visto modificadas.

• Explorador del sistema de archivos: gracias al explorador se pueden buscar y abrir archivos por separado, un proyecto completo o varios proyectos en una única ventana.

• Cuadro de comandos: con una simple combinación de teclas se abre una máscara de búsqueda con la cual buscar comandos disponibles para recurrir a ellos.