Los mejores editores en Diseño Web | Programador Web Valencia

Los mejores editores en Diseño Web

4 minutos

Editores HTML

El desarrollo web es una profesión relativamente nueva, con apenas un par de décadas a sus espaldas. No obstante sus herramientas no han parado de crecer y evolucionar haciendo difícil estar al tanto de todas las novedades. Los editores web son los más sensibles a cambiar, ya que las necesidades del desarrollo son inmensas, se quiere mejorar la productividad todo lo que técnicamente sea posible. Cuanto más rápido se trabaje, más dinero se gana. Y como puedes imaginar el editor HTML es la primera piedra en el camino.

En la lista voy a enumerar los editores HTML más modernos que, personalmente, debería ser alguno de ellos usado por cualquier diseñador web que se precie. Enseñaré las partes buenas y las no tan brillantes, evitando favoritismos. Con los años se va desarrollando un sexto sentido para ver rápidamente si se encuentra ante una herramienta lo suficiente madura para ser utilizada de manera profesional o un editor de texto con colores brillantes con el cual jugar. Ambos pueden ser utilizados para el desarrollo, pero las limitaciones en el trabajo puede ahogar hasta el más experimentado.

WebStorm

Webstorm

Pros

  • Realizado por JetBrains. Posiblemente la compañia con los editores más avanzados y maduros.
  • Incluido plantillas para proyectos.
  • Diversas funciones integradas muy maduras: cliente HTTP, servidor de autorefresco, debugging…
  • Interfaz configurable.
  • Impecable integración con los frameworks de Javascript.

Contras

  • Es de pago. Solo permite una demo con un mes de duración, después deberás pagar una suscripción o acreditar que estas estudiando.
  • No puedes trabajar con un lenguaje de servidor, como puede ser PHP o Python, necesitarás ir a sus otros editores.
  • Gran carga en la RAM. Puede funcionar lento si lo arrancas en un equipo con pocos recursos.

Descarga: Jetbrains

Sublime text

Sublime text

Pros

  • Increíblemente rápido.
  • Enorme biblioteca de plugins. Al ser el primer editor moderno trae a sus espaldas una gran cantidad de plugins e integraciones.
  • Optimizado de manera “sublime”. Se abre casi de forma instantánea y apenas repercute en la RAM.

Contras

  • Es gratuito pero no libre. Puedes usarlo sin pagar, pero te saltará un mensaje cada cierto número de guardados que te sugerirá comprar la licencia.
  • Pocas actualizaciones, y casi todas de mantenimiento.
  • Hay que configurar directamente con JSON, un problemas para novatos o no entendidos.
  • Su integración con Git es pobre, necesitas usar Sublime Merge (también de pago).
  • Muy dependiente de plugins.

Descarga: Oficial

Visual Studio Code

Visual studio code

Pros

  • Libre.
  • Debugging completo integrado.
  • Terminal integrado.
  • Previa de documentos integrado.
  • Fantástico soporte para Typescript.
  • Detrás esta Microsoft.

Contras

  • En ciertas ocasiones notas poca fluidez en la interfaz. Esta construido de la misma forma que Atom y Brackets.
  • Ciertas alertas se vuelven intrusivas.
  • Solo permite un directorio en el árbol.
  • Debes configurarlo instalando plugins o por medio de sugerencias.

Descarga: Oficial

Brackets

Brackets

Pros

  • Libre.
  • Refresco automática del navegador.
  • Cómodo sistema para visualizar en Smartphone.
  • Función rápida para modificar CSS.
  • Apoyo de Adobe.

Contras

  • Un abandono importante por parte de los desarrolladores, mientras escribo este artículo puedes encontrar 2.495 errores pendientes.
  • Dispone de bastantes plugins, pero son poco variados.

Descarga: Oficial

Code Lobster

Code Lobster

Pros

  • Interfaz sencilla y limpia. Es realmente cómodo de navegar por el código gracias a su buen uso de las iluminaciones.
  • Posibilidad de descargar los frameworks sin salir del editor.
  • Ligero, tanto en peso como en su uso de RAM.
  • Preparado para trabajar con un gran número de CMSs y Frameworks: Drupal, Joomla, Magento, Twig, JQuery, AngularJS, BackboneJS, Laravel, MeteorJS, Phalcon, CodeIgniter, CakePHP, Symfony, Yii y WordPress.

Contras

  • Pocos plugins, me hubiera gustado encontrar una integración con los atajos de Vim o más temas.
  • Muchas de las características son propias del plan Profesional: FTP, SQL manager, GIT, SASS…
  • Estéticamente no puede gustar a todo el mundo.

Descarga: Oficial

Spacemacs

Spacemacs

Pros

  • Opensource con una comunidad inmensa detrás.
  • Veloz, además su uso de RAM es ridícula.
  • Te sentirás superproductivo con sus atajos organizados por prefijos mnemónicos.
  • Autoconfigurable, en cada ocasión que abras un archivo cuya extensión no conozca instalará todos los plugins necesarios automáticamente.
  • Gran cantidad de herramientas posibles de activar: email, RSS, reproductor de música, juegos, calculadora…

Contras

  • Necesitas Emacs previamente instalado.
  • Necesitará años para dominarlo. Evitar si estas empezando o no conoces Vim.
  • Muy dependiente de las actualizaciones por parte de la comunidad. Puedes encontrarte errores que llevan meses ahí presentes.
  • No dispone de una interfaz gráfica que te simplifique su uso, todo funciona por archivos planos.

Descarga: Oficial

Atom

Atom

Pros

  • Libre.
  • Previa integrada.
  • Gran cantidad de plugins nuevos.
  • Proyecto apoyado por Github.

Contras

  • Al estar montado sobre Electron y Node no tiene esa inmediatez que si poseen otros. Le ocurre lo mismo a Brackets y VSCode.
  • Visualmente parece una copia de Sublime text.
  • Posiblemente con el tiempo será sustituido por VSCode.

Descarga: Oficial

Bluefish

Bluefish

Pros

  • Libre.
  • Ideal para iniciados, dispone de botones para crear las etiquetas más básicas.
  • Rápido de aprender.

Contras

  • O ofrece nada más allá que colorear el código y darte un entorno cómodo.
  • Poco configurable.
  • Sin plugins.

Descarga: Oficial

Esta obra está bajo una Licencia Creative Commons Atribución-NoComercial-SinDerivadas 4.0 Internacional.

Atribución/Reconocimiento-NoComercial-SinDerivados 4.0 Internacional

¿Me ayudas?

Comprame un café
Pulsa sobre la imagen

No te sientas obligado a realizar una donación, pero cada aportación mantiene el sitio en activo logrando que continúe existiendo y sea accesible para otras personas. Además me motiva a crear nuevo contenido.

Comentarios

{{ comments.length }} comentarios

Nuevo comentario

Nueva replica  {{ formatEllipsisAuthor(replyComment.author) }}

Acepto la política de Protección de Datos.

Escribe el primer comentario

Tal vez también te interese...