Última actualización:
Web Maker, un editor de código online, gratis y open source.

Web Maker un estupendo editor de código en línea

Lenin Peña
Lenin Peña Desarrollo Web

Como entusiasta al desarrollo web siempre ando en busca de nuevas herramientas que me permitan realizar mi trabajo de manera práctica y sin mucha complicación. Sobre todo en los procesos de diseño en los que solo quiero realizar pruebas sin tener que pasar por el «bucle infinito» de armar el entorno necesario para tal fin.

Ya sabes crear las carpetas, archivos y en ciertos casos buscar y descargar los frameworks y librerías necesarias.

Para este tipo de escenario yo estaba utilizando CodePen, una herramienta maravillosa que permite tener un espacio de pruebas, compartir tus creaciones con la comunidad y ver lo que los demás ha compartido.

La limitante entre CodePen y yo era que para poder crear proyectos privados tenía que pagar la suscripción pro, un gusto de adulto independiente que no puedo darme.

Así que me puse a buscar alternativas y di con uno que me vino como anillo al dedo y tal vez a ti también te resulte de mucha utilidad, su nombre es Web Maker.

¿Qué es Web Maker?

Stan, personaje de la serie South Park creado con HTML y CSS con el editor de código Web Maker.
Stan, personaje de la popular serie animada South Park, creado con HTML y CSS por Lenin Peña usando el editor de código Web Maker.

Web Maker es un editor de código en línea, gratuito y de código abierto muy similar a CodePen, cuenta prácticamente con todas las opciones que posee el antes mencionado editor que solía utilizar, pero centrado a proyectos privados, es decir, solo tú tendrás acceso a tus creaciones.

Este editor viene cargado con un arsenal de opciones entre la que destaca poder usarlo en modo sin conexión, así que el internet no es un impedimento.

Además, puedes iniciar sesión en la aplicación con tu cuenta de GitHub, Google o Facebook para guardar todos tus experimentos y acceder a ellos cuando quieras sin perder el avance de los mismos.

Web Maker: principales características

  • Modo sin conexión (la primera vez que accedas debes estar conectado a internet)
    Preprocesadores HTML (Pug, Markdown), CSS (SCSS, LESS, Stylus, Atomic CSS), JavaScript (ES6, CoffeeScript, TypeScript).
  • Emmet.
  • Autocompletado de código (Intellisense).
  • Vista previa.
  • Livereload.
  • Librerías CSS y JavaScript como: Bootstrap, Foundation, Angular, React, Vuejs entre otros muchos, también podrás buscar y cargar cualquier otra desde CDNJS gracias al buscador integrado.
  • Puedes compartir o terminar tu proyecto en CodePen.
  • Consola integrada.
  • Extensión para Google Chrome.
  • Guardado automático.
  • Exportar e importar las creaciones.
  • El editor cuenta con sus configuraciones en la que podrás elegir el tema visual, la fuente tipográfica y su tamaño, así como los atajos de teclado sublime text o vim.

Enlace a la página oficial de Web Maker.

Comentarios