8 mejores herramientas de desarrollo para Linux

En nuestro mundo que cambia rápidamente, los límites entre los diferentes sistemas operativos son a menudo sutiles, lo cual es una buena noticia para los webmasters que consideran usar Linux en sus estaciones de trabajo de desarrollo. Los creadores de contenido que provienen de Windows y macOS a menudo esperan continuar usando su software de nivel profesional como Adobe Dreamweaver en Linux, pero descubren que no está disponible allí.

Aunque es posible ejecutar muchas aplicaciones de Windows (incluida Dreamweaver) en Linux a través de Wine, la experiencia y la integración de escritorio no serán las mismas. El estado de la disponibilidad de software en Linux está mejorando constantemente, con muchos productos comerciales que se lanzan hoy en día para todas las plataformas principales (Windows, macOS y Linux), pero los posibles conmutadores deberían estar dispuestos a comprometerse y, a veces, cambiar sus hábitos.

Hemos seleccionado las aplicaciones Linux especializadas más útiles que harán que la transición sea más cómoda. Al igual que las herramientas y los recursos de nuestra herramientas de diseño web resumen, algunos de ellos son gratuitos y de código abierto, otros cuestan dinero, pero no existe una dependencia obvia entre la calidad y el precio.



Para obtener más consejos, consulte nuestras guías para alojamiento web y eligiendo el perfecto constructor web . Y antes de continuar, asegúrese de tener lo mejor almacenamiento en la nube para sus opciones. Pero por ahora, veamos más de cerca lo que está disponible.

01. Seamonkey

Herramientas de desarrollo web de Linux: Seamonkey Composer

Seamonkey Composer es un editor WYSIWYG con tres modos: editores de documentos, marcas y código fuente(Crédito de la imagen: Seamonkey Composer)

Compositor de Seamonkey es uno de los más fáciles de usar constructores de sitios web y tiene una gran compatibilidad con los productos de Mozilla. La aplicación es un editor WYSIWYG con tres modos: editor de documentos, explorador de marcado y editor de código fuente (para obtener más opciones, consulte nuestra guía de mejores editores de código ). En el caso más simple, un usuario puede simplemente organizar texto, imágenes, tablas y otros objetos sin escribir una sola línea de código, similar a lo que proporciona un procesador de texto como MS Word. Seamonkey Composer creará automáticamente un marcado HTML apropiado, que será suficiente para sitios web estáticos.

Obviamente, la mayoría de los proyectos web modernos utilizan mucho JavaScript y otros scripts remotos, pero eso no hace que Composer sea inútil. Aún puede preparar un diseño básico con él y dominar el resto de sus proyectos con otras herramientas. De forma predeterminada, Composer almacena todo el formato y los estilos de texto enriquecido dentro del código HTML sin formato, pero es posible decirle a Composer que use estilos CSS y luego subcontratarlos en un archivo separado.

También existe la bonita pestaña Vista previa, que muestra una vista previa similar a un navegador de su proyecto en vivo, como si estuviera cargado en un navegador web. La parte del navegador es el Seamonkey Navigator basado en Gecko, que no difiere mucho de Mozilla Firefox en términos de mostrar contenido web. Una de las herramientas más útiles de Composer es el botón Publicar en su barra de herramientas. Esto permite la carga rápida y sin problemas de su código directamente en el directorio del sitio a través de FTP.

02. Cuanto

Herramientas de desarrollo web de Linux: Quanta

Es posible que Quanta no sea tan popular como lo fue antes, pero es una buena opción para aquellos que codifican a mano(Crédito de la imagen: Quanta)

Cuánto es quizás una pieza de software de desarrollo web menos conocida hoy en día, pero no hace mucho tiempo era la primera opción. La famosa aplicación Quanta Plus era un IDE integrado específicamente diseñado para diseñadores y desarrolladores web, pero más tarde fue absorbido por KDevelop , un IDE multiplataforma aún más potente. Sin embargo, el proyecto original de Quanta Plus sigue vivo bajo el patrocinio de Entornos de escritorio Trinity t (TDE), un esfuerzo de la comunidad para mantener KDE3. De todos modos, todavía es posible instalar Quanta en una distribución Linux moderna y beneficiarse de su rico conjunto de características.

Aunque un poco anticuado, Quanta ha demostrado ser una opción viable para el proyecto web actual. El editor tiene una interfaz con pestañas y permite trabajar con estilos de texto, tablas, listas, formularios y scripts. Aún se asume que se espera que un usuario de Quanta codifique a mano, pero hay muchas herramientas que le ayudarán con esto en Quanta. El menú Etiquetas ofrece un catálogo ordenado de etiquetas de uso frecuente y es ideal para una búsqueda rápida de etiquetas. La mayoría de las otras herramientas también son fáciles de encontrar.

Gracias al diseño de interfaz tradicional de Quanta Plus, hay docenas de funciones avanzadas aquí y allá, sin embargo, es poco probable que un usuario se pierda. Cada característica se encuentra en el lugar correcto y, por lo tanto, explorar las posibilidades del editor Quanta nunca es problemático.

03. Bluegriffon

Herramientas de desarrollo web de Linux: Blue Griffon

BlueGriffon puede ser un editor HTML para sitios web complejos(Crédito de la imagen: Blue Griffon)

BlueGriffon es un editor web construido alrededor del motor de renderizado Mozilla Firefox, pero esto es quizás lo único que tiene en común con Seamonkey. BlueGriffon es sin duda una herramienta más avanzada en todos los aspectos y puede servir como editor HTML para sitios web complejos. La interfaz tiene un diseño sensato y se siente cerca de un procesador de texto promedio, excepto tal vez por el tema oscuro predeterminado que usa BlueGriffon.

La aplicación se ofrece en tres variantes: la versión gratuita tiene funciones esenciales del editor WYSIWIG; la versión básica (75 euros) agrega muchas características de buen gusto que incluyen editores dedicados para estilos CSS y fórmulas MathML, fragmentos de código, una herramienta de vista previa de la versión móvil, administrador de proyectos y un montón de herramientas de nivel profesional.

La licencia EPUB más cara (195 euros) está dirigida más a los diseñadores de EPUB y ofrece soporte para exportar proyectos a EPUB 2/3. Sin embargo, la versión gratuita de BlueGriffon ya es una aplicación completa que vale la pena probar para producir contenido web de alta calidad.

La sección de Preferencias en BlueGriffon es muy similar a la de Firefox y además de las numerosas cosas que puede personalizar a su gusto, también es posible extender BlueGriffon con complementos adicionales. Por ejemplo, un buen comienzo es agregar los diccionarios de revisión ortográfica que faltan y tal vez cosas como FireFTP para la carga rápida de código.

En general, no puede equivocarse si tiene un potente editor web que se ajuste totalmente a los últimos estándares W3C, incluidos HTML5, CSS 2.1 y gran parte de CSS 3, CSS Media Queries, MathML, SVG, etc.

04. Texto sublime

Herramientas de desarrollo web de Linux: texto sublime

La capacidad de usar complementos eleva el software Sublime Text(Crédito de la imagen: Subime Text)

Texto sublime ofrece otro enfoque para trabajar con sitios web. La aplicación es básicamente un editor de texto supercargado basado en el marco Electron, por lo que tiene un motor de navegador en su corazón. La interfaz es minimalista y centrada en el código; consiste solo en un área de edición de texto, mientras que todas las funciones avanzadas están ocultas dentro de los elementos de la barra de menús. Sin embargo, es fácil ajustar el diseño de la interfaz de usuario de Sublime Text a un gusto más exigente.

El menú Ver le permite multiplexar el panel del editor por columnas o filas y también agregar el panel más a la izquierda con la lista de archivos abiertos. Resulta que Sublime Text es una herramienta inteligente para aumentar su productividad, ya que permite trabajar con varios archivos a la vez, incluso sin la necesidad de cambiar entre pestañas. Sublime Text admite complementos y ese es el punto en el que podemos hacer que este editor de texto de uso general esté más centrado en la web.

Comience instalando Package Control, un administrador de complementos para Sublime Text. Entonces podrá obtener varias bondades adicionales, como Emmet para fragmentos de código en JavaScript, HTML y CSS, el complemento de integración de Git, selector de color, minificador de código y muchos otros. Los complementos realmente añaden mucho a la funcionalidad del editor. Por ejemplo, el complemento SideBarEnhancements permite cambiar el nombre, mover y duplicar archivos, lo que de otra manera no es posible.

Visite el Sitio de control de paquetes , que alberga cientos de complementos de todo tipo, muchos de los cuales pueden transformar Sublime Text en una impresionante navaja suiza para el desarrollo web.

05. Código de Visual Studio

Herramientas de desarrollo web de Linux: VS Code

VS Code es otra herramienta que funciona con complementos y cuenta con una interfaz de usuario muy intuitiva(Crédito de la imagen: VS Code)

Tradicionalmente, Código VS hace comparaciones con Sublime Text, ya que ambos editores de código cuentan con un diseño moderno, un tema oscuro y un respetuoso conjunto de complementos adicionales. Nuevamente, son los complementos los que pueden convertir una herramienta de desarrollo de propósito general en un software enfocado en la web. En el caso de VS Code, la lista imprescindible incluye códigos Font Awesome, CSS Peek, CSS Tree Validator, Live Sass Compiler y un complemento de minificador de código.

Lo más fuerte de VS Code es que tiene todas las herramientas de uso más frecuente al alcance de la mano: la barra lateral oculta un explorador de proyectos, una herramienta de búsqueda y reemplazo, un panel de control de código fuente, un depurador y un administrador de extensiones integrado. También hay más de 10,000 extensiones disponibles para prácticamente cualquier propósito y gusto, todas se pueden instalar con un par de clics del mouse. El objetivo sigue siendo el mismo: las extensiones ayudan a que los usuarios de VS Code sean más productivos al escribir y editar el código fuente.

Las funciones de edición en VS Code son excelentes; por ejemplo, la sangría, la ejecución de fragmentos y la coincidencia de corchetes simplemente funcionan y no se interponen en su camino. Puede ser un poco lento al masticar archivos extra grandes (aquellos que pesan 5 MB y más), pero es de esperar que este no sea el caso para la mayoría de los proyectos web. Con el soporte de división de pantalla, pestañas, migas de pan y un montón de parámetros de vista útiles, VS Code es fácil de aprender y usar de inmediato. Aunque es de esperar que a los usuarios de Linux no les importe que VS Code se vea y se sienta como un producto de Microsoft.

06. Pinegrow

Herramientas de desarrollo web de Linux: Pinegrow

Similar a un editor de vectores, Pinegrow proporciona plantillas para que las mejore(Crédito de la imagen: Pinegrow)

Pinegrow es un potente estudio web con medios desarrollados para la edición visual y de estilo. Si bien muchos otros editores web pueden parecerse a las aplicaciones de procesamiento de texto, Pinegrow podría ser mejor en comparación con un editor de vectores. La interfaz es algo única en comparación con sus contemporáneas, pero es bastante cómoda de usar.

Aunque puede iniciar un nuevo proyecto de Pinegrow con un index.html vacío y escribir todo a mano, la aplicación le anima a utilizar plantillas de página, que son de muy alta calidad. Se necesita mucho menos esfuerzo para completar el proyecto basado en plantillas con su propio texto e imágenes que hacer lo mismo desde cero. Pinegrow es también la única aplicación en nuestra guía que oculta el código fuente de un proyecto web por defecto - presione Ctrl + E para sacarlo a colación. Por otro lado, usar el mouse para seleccionar bloques lógicos en la página y luego ajustarlos resultó ser más rápido y efectivo que escribir código. Además de eso, Pinegrow agrega un maravilloso editor visual CSS, una práctica barra lateral con widgets que puede arrastrar y soltar en el lienzo (botones, tablas, campos de texto, etc.) y algunos complementos adicionales (pagos).

Para todas estas funciones abundantes, Pinegrow ofrece a los desarrolladores opciones de compra que varían de $ 36 a $ 111. La licencia básica debería ser suficiente para sitios web de una página, mientras que la costosa licencia profesional incluye una colección de temas de WordPress. De todos modos, hay un período de prueba de 30 días, que es suficiente para probar Pinegrow.

07. Goteo

Herramientas de desarrollo web de Linux: Pingendo

Las plantillas de Pingendo le permiten empezar a trabajar rápidamente(Crédito de la imagen: Pingendo)

En muchos aspectos, Goteo es como Pinegrow, solo un poco más simple y se ejecuta con una suscripción paga mensual o anual (como $ 9 por mes). La aplicación es ideal para producir aterrizaje, portafolio, menú de comida o páginas web personales gracias a las 17 plantillas de bonito estilo. Por supuesto, esto limita la creatividad de alguna manera, pero a cambio obtienes recetas rápidas para hacer las cosas. Pingendo ofrece un amplio conjunto de cosas para arrastrar y soltar en su página web, incluidos todo tipo de elementos de navegación, controles giratorios, conmutadores, insignias, tarjetas, partes de Google Map y más.

La interfaz de Pingendo puede parecer más básica que la de Pinegrow, pero también es más clara y más fácil de acostumbrarse. La barra superior tiene opciones de vista previa y le permite ver instantáneamente cómo se verá la página web en la pantalla de un teléfono inteligente, tableta o computadora portátil. El panel lateral izquierdo retráctil es un buen ejemplo de cómo ocultar una gran cantidad de elementos dentro de una barra de herramientas compacta. Si bien la mayoría de los paneles y secciones están acoplados a los lados, algunos elementos flotan como subventanas independientes.

Por ejemplo, puede organizar el árbol de proyectos y las ventanas HTML / SASS como desee o cerrarlas si se interponen en su camino. La única decepción posible de Pingendo es que es únicamente un constructor de Bootstrap y no un editor de páginas web universal. Al mismo tiempo, es una de las mejores soluciones para crear sitios basados ​​en Bootstrap, utilizando una interfaz excelente con mucho ajuste y acabado.

08. Estudio Aptana

Herramientas de desarrollo web de Linux: Aptana

Aptana es gratis y ofrece mucho para desarrolladores y administradores web(Crédito de la imagen: Aptana)

Aptana le dará un pequeño descanso del software pago, ya que el gran botón azul Descargar del sitio oficial conduce directamente a la página de GitHub del proyecto (diríjase a Versiones para obtener el software rápidamente). Aptana es un software basado en Java que se parece más al IDE de un desarrollador. Sin embargo, el software tiene un fuerte enfoque en cosas relacionadas con la web y puede ser interesante para desarrolladores y administradores web.

Empieza con una pantalla vacía y probablemente primero vaya al asistente de Nuevo proyecto. Observe algunos ajustes preestablecidos que incluyen plantillas Ruby, Rails y PHP. Usando el panel Explorador de proyectos en el lado izquierdo de la pantalla, es posible navegar dentro de la estructura del directorio y crear archivos.

El área principal de la ventana de Aptana Studio está dedicada a un editor de texto con numeración de líneas, resaltado de código, pestañas y otras características esenciales. Al igual que otros IDE de alta calidad, Aptana tiene un asistente de código que proporciona sugerencias para etiquetas HTML5 y CSS, así como para objetos Java y PHP / Ruby. También se incluyen un depurador de código y herramientas de implementación avanzadas y, en nuestra opinión, esto solo hace que Aptana sea una herramienta de desarrollo web más preferible que un editor basado en navegador. Por ejemplo, Aptana funciona bien con conexiones SFTP y FTPS seguras modernas desde el primer momento, lo que aparentemente es un problema para muchas aplicaciones más simples.

Además, no se pierda la pestaña Terminal debajo del área de edición principal en Aptana. Terminal es una forma eficiente de implementar aplicaciones web (por ejemplo, con Implementación limpia de $ mvn ), así como un acceso rápido a la extracción, sincronización y fusión de código (por ejemplo, a través de Git).

Este artículo se publicó originalmente en el número 319 de neto , la revista más vendida del mundo para diseñadores y desarrolladores web. Suscribirse a la red .

Generate CSS - la conferencia para diseñadores web: 26 de septiembre, Rich Mix, Shoreditch, Londres

(Crédito de la imagen: futuro)

Únase a nosotros en Rich Mix, Shoreditch el 26 de septiembre para Generate CSS, una conferencia personalizada para diseñadores web presentada por Creative Bloq, net y Web Designer. Reserve su entrada Early Bird antes del 15 de agosto en www.generateconf.com .

Leer más: