Vie 11 Jul 2008
¿Cuáles son las herramientas fundamentales para un diseñador web seguidor del Software Libre? ¿Qué editor web gratuito me recomiendas? en más de una ocasión lectores de mi blog me han realizado preguntas similares a esta. Y hoy por hoy puedo decir que mis herramientas favoritas para diseñar tanto en casa como en mi trabajo son Aptana Studio, Firebug y GIMP.
Veamos qué hace estas aplicaciones tan especiales…
Aptana Studio
Entorno de desarrollo web Open Source, basado en Eclipse, para el diseño de aplicaciones en JavaScript, Ajax, PHP, Ruby on Rails, HTML y CSS. Entre sus características más reseñables, destacan:
- Autocompletado de código.
- Informa de errores y resaltado de sintaxis en el código.
- Barra de herramientas con Snippets para HTML, CSS y Javascript entre otros. Además de permitir la creación de snippets propios, muy cómodo cuando tienes que repetir un código más de una vez.
- Previsualización del código en un navegador integrado.
- Permite añadir un gran número de plugins y extensiones de forma muy sencilla. Una vez instalado Aptana, accedemos a: Help > Software Updates > Find and Install para instalar nuevos plugins.
Puedes descargar Aptana Studio para Linux, Windows o Mac, desde su página oficial.
Firebug
Herramienta indispensable para cualquier programador web. Se trata de un complemento para Firefox, que permite editar y depurar código css y html de forma online en cualquier página web. Además permite monitorizar la actividad de la red, depuración de código JavaScript…
Una vez instalado Firebug para comenzar a utilizarlo pulsa F12, verás aparecer una ventana en la parte inferior del navegador, si quieres inspeccionar el código de una web, sólo tienes que pulsar en el botón “Inspeccionar” y clickear en alguna parte de la misma.
GIMP
La alternativa libre a Adobe Photoshop. Es el programa de diseño y retoque fotográfico gratuito por excelencia. Desarrollado desde hace más de 10 años, ha sabido ganar adeptos con cada nueva versión liberada. Su facilidad de uso, la gran cantidad de tutoriales disponibles, una comunidad de usuarios en español que lo respaldan hacen de GIMP una herramienta de diseño tan completa que no deberías dejar de probar si aún no la conoces.
Descarga GIMP para Linux, Windows o Mac.
De momento estas son las 3 herramientas de desarrollo web que utilizo a diaro. Quizas me estoy perdiendo alguna otra aplicación que no conozca ¿Me recomendáis alguna? 
- Los 45 mejores programas gratuitos de diseño
- Taller de GIMP en Valencia
- Cambia el aspecto a tu Gimp
- Gimp 2.4 liberado
- Ponencias - Talleres
Manel en: 
roxana en: 
Matias Falasco en: 
guman en: 
Posts
Julio 11th, 2008 a las 8:34 pm
Estoy de acuerdo, son tres aplicaciones de desarrollo muy buenas y casi indispensables pero yo sigo quedándome con el Eclipse tradicional debido a mi faceta más de programador que de diseñador.
También añadiría Inkscape, que es lo que uso habitualmente para crear recursos gráficos para web.
Julio 12th, 2008 a las 1:24 pm
De acuerdo, Cuando diseño me gusta usar Inkscape acompañado de Gimp y como editor, pues por el momento no cambio a gedit, aunque probé aptana un tiempo y tiene muchas opciones.
Julio 14th, 2008 a las 5:15 pm
Pues no sabia de Aptana, eso de mostrar en que navegadores funciona se ve muy útil.
En su lugar uso el vim, que también posee varias de esas opciones y miles de plugins en http://vim.org
Otras herramientas pequeñas pero útiles son el gcolor2 para seleccionar cualquier color de la pantalla y agave para combinación de colores.
Julio 15th, 2008 a las 7:00 am
Estupenda entrada!!
Me parecen estupendos, aunque tengo mucho que aprender porque estoy muy mal acostumbrada a los super-programas élite…
¿Conoces algún editor de video y otro de sonido de software libre? ¿Y para crear gifs animados o pequeñas animaciones también sirve Gimp?
Gracias y Un abrazo fuerte!!! Hasta pronto!!
Julio 15th, 2008 a las 11:16 pm
Cuanto me alegro de ver un blog orientado hacia este contenido, estoy trabajando en Argentina en algo parecido de pronta aparición -espero-.
Yo agregaría a OpenOffice Draw, del paquete OpenOffice.org -todavía es algo más estable que Inkscape-, y si se trata de gráfica fuera de la web -prensa- aún más.
Contestándole a Cristina, te digo que para sonido yo uso Audacity, si se trata de editar wav´s -no midi-, y para video Cinelerra CV (comunity version) y Blender en 3D -tiene opciones de edición de audio y video, pero me parecen un tanto complejas.
Si quieren ver de lo que es posible el software libre en el campo del cine y el video, pueden ver el proyecto ELEPHANTS DREAMS.
Sitio: http://www.elephantsdream.org/
Traducido al castellano:
http://www.youtube.com/watch?v=132×5VWVJ44.
Felicitaciones otra vez, es la primera vez que entro, disculpen lo extenso del comentario.
Julio 16th, 2008 a las 12:58 pm
HOla me encanto la nota, yo uso desde hace tiempo el quanta+ sobre ubuntu 8.04 (se que esta blue fish pero no me convencio) y en una maquina que aun no migre a linux por completo (solo en una particion) tengo el eclipse pdt (que es el preparado para PHP). Probare aptana. Para diseño, GIMP e Inkscape.
Saludos y muy buen blog!!!
Desde Argentina, SerGou.
Julio 24th, 2008 a las 3:51 am
Cristina, edición de vídeo bajo linux, kino
y sí, gimp permite hacer animaciones gif.
Julio 24th, 2008 a las 3:52 am
y de sonido audacity
Julio 30th, 2008 a las 7:52 pm
estoy pensando en hacerme una web y me gustaria que me indicasen desde 0, cual de las heramientas para este tipo de desarollo es la mejo y que sea free para estudiarme, desde ya gracias.
Salu2
Agosto 4th, 2008 a las 7:41 pm
Hola la primera ves no me había leído nada de nada, si que das buenas direcciones en esta.
Y ahora si
GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS
jijijijijijiji
Agosto 5th, 2008 a las 9:50 am
Hola Roxi,
Yo añadiría:
* Inkscape (que uso para el diseño gráfico previo de las páginas).
* Quanta+ (lo uso para edicion HTML y CSS)
* La extensión para firefox WEB DEVELOPER (básica y esencial)
* IES4Linux (Para probar las páginas en IExploter)
Salu2 de tu amigo jEsuSdA
Agosto 7th, 2008 a las 4:43 am
Hola Roxi!
Te animo a crear más entradas sobre software libre pero tema solo de creación de imágenes. Hace poco he descubierto el Apophysis para crear Fractales y está muy bien. Hay q pensar q todos los programas de imagen sirven para web pues ésta los necesita para estar más guapa.
Muchas gracias a la gente por ampliar el listado de aplicaciones! Chao!!
Octubre 1st, 2008 a las 6:02 pm
Hola, he descubierto tu blog por casualidad y me parece muy bueno…
Yo tengo una duda que plantear, soy programador y usuario de software libre, php, mysql, perl, etc.. y para las pocas cosas de diseño siempre he usado gimp… El problema viene cuando voy a tener que dedicar bastante tiempo tanto al retoque fotografico como al diseño, hasta ahora gimp me era más que suficiente, pero ahora amigos diseñadores me recomienda que me pase a photoshop, que gimp se me va a quedar corto, amen de que es más facil encontrar cursos de este… ¿que opinan ustedes?
Gracias…
Octubre 23rd, 2008 a las 1:41 pm
y algo de flash???
Octubre 29th, 2008 a las 1:23 pm
hola Roxana, te escribo primero agradeciendote porque gracias a tu web encontre mucho soft para comenzar un sitio que queria hacer hace tiempo y todo gratis!. te cuento que estoy empesando hace no mucho con el pinguino y estoy muy conforme, lo unico que me tiene descontento es que hace rato estoy buscando una solucion para realizar animaciones flash sin tener q recurrir a macromedia. seria lo ultimo que me faltaria para decirle adios a bill!
si conoces alguna herramienta te agradeceria la ayuda.
Saludos desde bs as y gracias por este sitio tan inspirador y la cantidad de recursos q brindas.
Leonardo