Aplicaciones de código abierto para Diseñadores Web



Recopilación de aplicaciones y utilidades de código abierto que pueden ser de utilidad para el desarrollo de proyectos web, que incluye, entre otras aplicaciones, editores de código, IDEs de desarrollo, editores CSS, utilidades para la creación de páginas web, editores de gráficos, etc.

Por tratarse de aplicaciones Free Software aportan, además de sus interesantes funcionalidades, el que son gratis y que arrastran comunidades de desarrolladores detrás que las potencian.

Lo hemos obtenido del blog de Nicolas Viroga y de sixrevisions y lo hemos estructurado según la funcionalidad de la herramienta.

En nuestra sección “Herramientas” podéis encontrar algunas utilidades más. En breve incluiremos este listado en la página correspondiente de esta sección.

Editores de código:

KompoZer KompoZer es un editor web muy sencillo, es para diseñadores y usuarios con un nivel medio-bajo, y permite crear páginas web en vista de diseño.
Bluefish Editor Bluefish Editor es un ligero y rápido editor para diseñadores y programadores web. Tiene un útil asistente para los documentos HTML, características de gestión de grandes proyectos, y una potente herramienta de búsqueda y opciones para una rápida sustitución del código fuente.
Amaya Amaya es un libre editor web de código abierto y el navegador web desarrollado por el World Wide Web Consortium (W3C). Amaya inició como un editor de HTML / CSS y desde entonces ha crecido hasta convertirse en un editor XML.
NOTEPAD++ Notepad + + es un popular editor de texto de origen para Windows. Aunque no es estrictamente sólo para diseñadores web, tiene un excelente editor de código fuente compatible con HTML, XML, CSS y JavaScript.
jEdit jEdit es un editor de texto creado para los programadores.Puede funcionar en Mac, Windows y Linux , también ha resaltado de sintaxis para HTML, XML, CSS, JavaScript y otros idiomas.

IDE de desarrollo:

Quanta Plus Quanta Plus es un robusto IDE de desarrollo web. Es altamente extensible y es capaz de ejecutar scripts personalizados. Tiene un excelente editor de CSS visual que tiene sugerencias para el código y autocompletado de sintaxis.

Editores CSS:

CSSED Cssed implementa las funciones de GTK-2 basado en el editor CSS que tiene un sistema de plug-in para la máxima extensibilidad (plugins disponibles para cssed).

Utilidades para creación de páginas web:

OPEN BEXI HTML Builder Open bexi HTML Builder es una aplicación basada en navegador de código abierto para crear páginas web HTML. Tiene un selector de color CSS integrado en la interfaz y una simple opción de gestión de proyectos.
SeaMonkey SeaMonkey, fomentado por la Fundación Mozilla, es un “todo-en-uno” en un navegador web que tiene un editor de HTML sencillo pero potente.
FontForge Frontpage es un programa para la edición de páginas web de Microsoft y por tanto optimizadas para Internet Explorer.

Imágenes y editores de gráficos:

GIMP GIMP, uno de los más populares proyectos de código abierto actualmente en el mercado, ofrece funcionalidades de edición de imágenes y una suite de diseño gráfico.Para aquellos que gustan de la interfaz de Photoshop, recomiendo un vistazo a Gimpshop – Una extensión que imita la interfaz de Photoshop.
Inkscape Inkscape es el principal editor de gráficos vectoriales de código abierto (al igual que sus contrapartes comerciales, Adobe Illustrator yCorelDRAW).
Krita Krita es para dibujar y un editor de imagenes, es una aplicación de software de KOffice.
Karbon14 Karbon14 es una aplicación de dibujo que es parte del proyecto de KOffice para dibujo vectorial.
Kivio Como diseñador web, a menudo tendrá que realizar storyboard y prototipos de sus diseños o crear diagramas de flujo para los sistemas de navegación; Kivio es un excelente editor de diagramas para ayudarle con sus proyectos.
Dia Dia es otra herramienta de diagramación maravillosa para ayudar a dibujar esquemas, diagramas
Skencil Skencil es una muy buena aplicación de dibujo vectorial para crear ilustraciones y diagramas.Se puede guardar sus composiciones en formato EPS – un formato reconocido por la mayoría de aplicaciones de edición de vectores.
OpenOffice Draw OpenOffice Draw es para dibujar, simple pero de gran alcance, es parte del paquete de software OpenOffice.
mtPaint Artweaver es una utilidad simple de dibujo desarrollada por Mark Tyler (MT), es ideal para simples dibujos y/o edición.
ImageMagick ImageMagick es una robusta suite de edición que le permite componer las imágenes en formatos basados en mapas de bits.Se puede abrir y guardar en más de un centenar de formatos, incluyendo los formatos web más populares, tales como GIF, JPG, SVG y PDF.
GraphicsMagick GraphicsMagick la navaja suiza para procesamiento de imágenes” (Swiss army knife of image processing) por sus desarrolladores principales.Es compatible con muchos formatos de imagen, puedes ver la lista de formatos de imagen aqui.

Optimizadores de código HTML:

HTML TIDY HTML Tidy es la utilidad de código abierto para la fijación y la optimización de sintaxis HTML.

Clientes FTP:

FileZilla ileZilla está considerado como el cliente de FTP de código abierto más popular. Es compatible con cualquier plataforma (disponible para Linux, Mac y sistemas operativos de Windows) y tiene la capacidad para transferir archivos a través de numerosos protocolos (incluido Socks) y permite conexiones vía proxies.
Cyberduck Cyberduck es un excelente cliente de FTP de código abierto para Mac OS.
WinSCP WinSCP es un cliente FTP sólo para Windows. Tiene un administrador de archivos simple para ayudarle a navegar y organizar sus archivos. Muy utilizado para conexiones SCP o FTPS.

Capturadores de pantalla:

CamStudio CamStudio es para diseñar una simulación por ordenador.Si alguna vez necesitas una aplicación de captura de pantalla, esta es perfecta.
Greenshot Greenshot es una aplicación de captura de pantalla maravillosa y muy util, es gratuita y de código abierto.
ZScreen ZScreen permite capturar de forma automática, pantallas, además de incluir funcionalidades para compartir y archivar imágenes.

Fuentes: Nicolas Viroga y sixrevisions

Contenidos relacionados


Tags: diseño web, herramientas


Un comentario

Trackbacks

  1. Bitacoras.com