Revisando las estadísticas noto que algunas personas están interesadas en este tema, voy a dar unos pequeños tips para empezar en el diseño web y frontend sobre ubuntu utilizado software libre.

Software Gráfico

Empezaremos con algunas sugerencias en cuanto a software gráfico, es un hecho que googleando encontrarán más alternativas.

Inkscape, software de edición vectorial, se puede entender como la alternativa a illustrator o fireworks, también lo he utilizado para elaborar wireframes y es la que utilicé para el diseño de http://webinperu.com y mi favorito desde que cambie a software libre. La verdad estoy muy complacido con este programa que día a día gana mas seguidores y ya un clásico para los famosos iconos 2.0 y ahora ultimo con características para diseños 3d (revisen youtube). Esta en los repositorios de ubuntu y la instalación es muy simple:

sudo apt-get install inkscape

(también disponible para windows y mac en la sitio web oficial)

Enlaces para Inkscape

• Sitio Oficial: http://www.inkscape.org/
• Documentación en castellano del propio site: http://www.inkscape.org/doc/index.php?lang=en (ver los documentos en español en la parte inferior)
• Manuales(ingles): http://inkscapetutorials.wordpress.com

*Hay cantidad de información en Internet es es un pequeño aporte.

Gimp, La clásica alternativa a Photoshop y con una gran comunidad detrás lo que provee gran contenido de ayuda, también lo he utilizado en webinperu. Se instala por defecto con Ubuntu.
(también disponible para windows, por si aun están en proceso de cambio)

Enlaces para Gimp

• sitio oficial: http://www.gimp.org/
• sitio oficial (español): http://www.gimp.org.es/ (recomiendo revisar los foros, también hay contenido de ayuda para inkscape)

También pueden revisar Xara Xtreme http://www.xaraxtreme.org/ , también esta en los repositorios de ubuntu, basado en inkscape, no he tenido tiempo de probarlo mucho pero va bastante bien hasta donde llegué.

Y otro software de edición gráfica que también e visto mencionar (aunque solo le di un vistazo) en foros es Krita , http://www.koffice.org/krita/ , también esta en los repositorios.

Ahora lo que necesitan para mover código.

Antes que nada debe quedar en claro que al margen del sistema operativo o las herramientas que utilicen deben tener un conocimiento previo de los lenguajes, xhtml, css para empezar y luego pueden darle tiempo a javascript además de algunos conceptos básicos (no serán tema de este articulo). Los siguientes son editores no son wysiwyg, si estas empezando de corazón te recomiendo te alejes de los wysiwyg y empiecen a estudiar los lenguajes pues de esa forma lograras un nivel respetable.

Bien yo utilizo actualmente gedit, es un editor de texto plano, con características de resaltado de sintaxis para html, css, javascript, php, ruby, python etc, etc, navegador de archivos, en pocas palabras lo necesario para hacer un buen trabajo. Lo encuentran en Aplicaciones->accesorios->editor de texto.

También he tenido oportunidad de revisar Aptana , un IDE con muchas características, incluye varias librerías javascript, extensiones disponibles, resaltado de sintaxis, autocompletado, y todas las opciones básicas.

Bueno para no extenderme les dejo unos links.

• Komodo edit
• Quanta Plus (ya saben ir al código)
• Kompozer

Ahora bien algo de lectura requieren editores como Emacs y Vim , considerados un poco mas frikis y de gran nivel, para empezar recomiendo prueben con los anteriores.

Ahora unos complementos

de hecho que usas Firefox , si no es así entonces puede que tengas preferencia por Opera u otro similar, pero jamás, repito jamás tendrás gusto por Internet Explorer, de ser así da media vuelta y regresa por donde viniste.

Si coincides conmigo y usas Firefox , debes saber que sus extensiones son casi la gloria para los desarrolladores,considero que Firebug o Web developer son básicos, Measureit y colorzilla también son interesantes, y hay muchos mas para buscar.

Espero esto les haya servido, buena suerte.