Dos alternativas para crear sitios web en Linux.

Vista de los componentes de un sitio web en BlueGriffon

BlueGriffon nos permite identificar los componentes de un sitio web.

En realidad la mayor parte de las personas recurren a los gestores de contenidos para la creación y mantenimiento de sitios web. Sin embargo todavía quedan quienes prefieren un diseño personalizado.

En este artículo repasamos 3 editores para escribir código Html, CSS y Javascript.

Es cierto que los navegadores modernos tienen herramientas para desarrolladores, pero no resulta igual a un editor. Es así que un editor visual como BlueGriffon o uno de código como Visual Studio Code siguen siendo necesarios.

BlueGriffon

BlueGriffon es un editor visual de sitios web y libros electrónicos en formato Epub.
Este era un espacio que en Linux no estaba cubierto debido al abandono de proyectos como NVU y Kompozer.

A pesar de que las prestaciones más interesantes están en las versiones de pago, la versión gratuita es adecuada para los diseñadores web ocasionales.

Aunque la versión descargada es una sola, para desbloquear las prestaciones adicionales hay que pagar una licencia. La licencia básica cuesta €75 mientras que la licencia para el editor de Epub sale €195.

Prestaciones comunes a las tres versiones.

  • Soporte al lenguajes html5 (incluyendo audio, video y formularios)
  • Admite hojas de estilo CSS (incluyendo grids y variables) además de a CSS3 (incluyendo transformaciones 2d y 3d, transiciones, sombras, columnas,
  • Soporta el formato gráfico SVG.
  • Compatible con las recomendaciones de accesibilidad de la W3C WAI-ARIA 1.1, DPUB-ARIA 1.0 y Opquast®
  • Manejo de tipografías mediante FontSquirrel y Google Fonts.

Prestaciones comunes a la licencia básica y Epub

Gestor de plantillas web de BlueGriffon

BlueGriffon tiene un gestor de plantillas web con 2500 plantillas gratis.

  • Manual del usuario.
  • Diseño web adaptable.
  • Modo pantalla completa.
  • Editor de hojas de estilo profesional.
  • Gestor de tablas con 34 estilos basados en CSS predefinidos.
  • Herramienta de inserción de múltiples archivos Javascript y  de hojas de estilo con un solo clic.
  • Editor de fórmulas matemáticas.
  • Editor de trozos de código.
  • Gestor de plantillas web con 2500 gratis.
  • Visión en modo móvil.
  • Selector de colores aunque solo para Windows y Linux.
  • Manejo de miniaturas.
  • Gestor de proyectos.

Prestaciones de la licencia Epub.

  • Soporte a los estándares EPUB 2, 3.01 y 3.1.
  • Herramienta para la edición de metadatos en los tres estándares de EPUB.
  • Copia entre documentos Epub y html5.

Con respecto a BlueGriffon y si vale la pena pagar la licencia, la respuesta es que no lo tengo en claro.

En cuanto a la edición de libros en formato Epub (que no deja de ser un sitio web comprimido), el editor de Calibre es una buena alternativa. Además está Sigil que también es un editor visual.

Ambos son gratis.

Como mencioné al principio del artículo, los navegadores disponen de sus propias herramientas para desarrolladores. Aunque eso no puede considerarse como un editor visual si pueden verse los cambios a medida de que se modifica el código.

Y, una vez más, al igual que con los editores de Epub,  los navegadores son gratis.

Calibre dispone de un editor de Epubs

El editor de Calibre permite modificar el código de un Epub.

Visual Studio Code.

Captura de pantalla de Visual Studio Code

Código html en Visual Studio Code.

Visual Studio Code está diseñado para trabajar con la mayoría de los lenguajes de programacion. En cuanto a los utilizados en diseño web se pueden mencionar:

  • Html5.
  • Javascript.
  • Javascript.
  • CoffeScript.
  • Rust.

Mediante la descarga de complementos se puede trabajar con hojas de estilo y frameworks como Angular.JS y Boilerplate.

Al no tener un motor de renderizado propio, Visual Studio Code sortea el gran escollo de BlueGriffon.

BlueGriffon utiliza el motor de renderizado de Firefox, mientras que la inmensa mayoría de los navegadores utiliza el motor de renderizado de Google Chrome.

Es decir que en Visual Studio podremos probar facilmente como se ve el sitio simplemente seleccionando el navegador.

Además Visual Studio Code cuenta con potentes herramientas de autocompletado y detección de errores.

¿Editor visual o no visual?

Es posible que algún linuxero ortodoxo esté diciendo en este momento que el uso de cualquier herramienta que no sea Vim es para pusilánimes. En cambio mi opinión es que uses lo que te resulte útil.

Yo uso gestores de contenidos, por ejemplo Wordpress, de esta forma me puedo dedicar el tiempo a lo que se me da mejor. El contenido.

Sin embargo si tuviera que volver a hacer un sitio web desde cero, seguro que usaria Visual Studio Code. Desde mis primeras experiencias con Microsoft Frontpage me convencí de que lo que ves en el editor no es lo que ves en el navegador cuando subes el sitio.

Programas mencionados en este post


Sé el primero en comentar

Deja tu comentario

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

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.