Clicky

6 herramientas esenciales de código abierto para diseñadores web

Categoría: Internet (Tutoriales y trucos)
Visitas: 8892
Herramientas gratis de diseño web

Algunas ayudas para construcción de páginas web

La web funciona con software de código abierto (OSS - open source software). La mayor parte es para el back-end, con la mayoría de los servidores del mundo funcionando en alguna forma de Unix o Linux. Esos servidores ejecutan cientos, si no miles, de utilidades de código abierto, intérpretes de scripts, etc. De vez en cuando, sin embargo, las cosas de código abierto hacen su camino hasta el navegador, donde el usuario puede verlo.

Vale, eso pasa mucho. Caso de ejemplo: WordPress, Joomla. Pero la realidad, cuando se trata de herramientas de diseño web, es que están a menudo dominadas por el software de pago: Photoshop, Adobe XD, Sketch, la suite Affinity, Sublime Text y unas dos mil aplicaciones de creación de prototipos basadas en la web. Cuando hablamos de software de diseño web de código abierto, hablamos de WordPress o Joomla, y de vez en cuando del GIMP... o algo así.

En este artículo, quería destacar algunos otros proyectos de código abierto que son activos, menos conocidos y bastante prometedores. Se esperan grandes cosas de cada uno de estos proyectos, si sólo podemos hacer que la gente los mire:

1. GRAVIT

Gravit

Gravit, con su combinación de herramientas vectoriales de grado profesional y funciones de colaboración, se puede pensar en él como Sketch in the Cloud o Google Draw en los esteroides. Se pueden hacer gráficos, prototipos, e incluso maquetas con esta cosa, todo de forma gratuita. A continuación, puedes compartir tus creaciones e incluso invitar a otros a añadir información o ayudar a trabajar en ellos.

Siendo de código abierto, significa que puedes coger este software y hacer cambios en él, o incluso integrarlo en un proyecto propio. ¿Quieres un gráfico vectorial interno y una herramienta de uso compartido para... cualquier razón que puedas imaginar? Puedes hacer eso.

2. VISUAL STUDIO CODE

Visual Studio Code

Una vez era raro pensar que Microsoft tuviese algo que ver con el software de código abierto. Ahora, tienen Ubuntu corriendo en modo CLI en Windows, y están regalando un editor de texto gratis. Desde que se lanzó Visual Studio Code, se ha desarrollado bastante la base de seguidores. ¿Y por qué no? Es rápido, es extensible, funciona.

Ahora, si ya estás familiarizado con Sublime Text, Atom, o uno de los otros famosos editores de texto, no hay muchas razones para cambiar. Esto es especialmente cierto si utilizas un Mac o ejecutas Linux. El gran atractivo es la integración de VS Code con otras herramientas de desarrollo de Microsoft. Si usas Windows y código en ASP.Net, por ejemplo, puedes ver lo que tiene este editor de texto para ofrecerte.

3. UIKIT

ulkit

Si te gusta mirar los frameworks front end para divertirte, o si los "Big Two" no están hechos para ti, prueba UIkit. Es consciente de bytes, y es modular, por lo que sólo tienes que utilizar los trozos que desees. Su repo Github muestra un poco de acción. Más importante aún, se ve bastante bien por defecto, que es lo que la mayoría de la gente quiere de estos frameworks.

4. PENCIL PROJECT

Pencil

Puede recordar Pencil de los días en que sólo era una extensión de Firefox. Bueno, Pencil se ha convertido desde entonces en una aplicación de wireframing/prototipado madura y estable en su propio derecho. Carece de algunas de las características de colaboración extensa de las aplicaciones en línea en su categoría, pero es ideal para cualquier persona que necesite o le guste trabajar fuera de línea.

Con una gran biblioteca de elementos y plantillas disponibles, deberías ser capaz de recogerlo y comenzar a hacer prototipos rápidamente. Todavía está en desarrollo, con la versión 3.0 lanzanda en febrero y la última versión del bugfix el 11 de mayo.

5. KODEWEAVE

kodeWeave

KodeWeave es un nuevo proyecto que se parece mucho a CodePen, ya que básicamente sirve el mismo propósito: experimentar con bits de código de front-end. La gran diferencia es que además de usarla como una aplicación web, puedes descargarla como una aplicación independiente para Windows, Mac, Linux, ChromeOS y Android.

Esto es ideal para el desarrollo offline, por supuesto, pero también es ideal para aquellos proyectos en los que el cliente podría preferir no tener datos de proyecto y experimentos de código en la nube. También viene con preprocesadores CSS, y casi todos los framework que conozcas.

Bonus: puede integrarse con una aplicación llamada WebDGap para exportar el código como una aplicación de escritorio nativa o móvil, por lo que es muy bueno para la creación de prototipos.

6. GRAPESJS

GrapesJS

GrapesJS es un constructor de sitios. Bueno, es más que un framework constructor de sitios. Puedes abrirlo y editar tus diseños de sitios en línea. Es compatible con el diseño responsive (por supuesto), editar el código tu mismo (si realmente quieres), varios modos de vista previa, deshacer/rehacer y más. También tiene un conjunto de elementos de página predefinidos que puedes arrastrar y soltar.

Menciones honoríficas: Synfig Studio y Krita

Synfig Studio es una aplicación de animación 2D. Krita es un potente editor gráfico con un gran enfoque en la pintura digital. No tienen mucho que ver con el diseño web, por lo que no los colocamos en la lista de arriba. Sin embargo, ambos pueden ser utilizados para hacer contenido para la web, y ambos han recorrido un largo camino en el último año. Merecen un vistazo.

Muchos otros grandes proyectos OSS han ido y venido. Algunos incluso se están desarrollando regularmente en relativa oscuridad, utilizados por sólo un puñado de leales y amorosos fans. Y tal vez Richard Stallman. Ve a echar un vistazo a Github, SourceForge y otros paraísos de software OSS.