Diseño web libre

Sólo unas pequeñas guías para los que quieran empezar con el diseño web usando software libre sobre GNU/Linux. Son recomendaciones, a partir de ahí cada cual que elija lo que quiera. Tened en cuenta que no soy un diseñador web profesional (aunque he cobrado por ello en varias ocasiones).

Creación del diseño

Yo uso Inkscape. Al ser un editor de gráficos vectoriales y no de mapa de bits, es muy sencillo realizar diseños y modificarlos.

Troceo

Una vez realizado el diseño se suele trocear éste para aprovechar patrones que se repiten, para que la web tenga menos peso y, cuando sea posible, redimensionar ciertas zonas en el HTML según su contenido.

Lo que hago es exportar desde el Inkscape todo el diseño a un PNG. El archivo resultante lo abro con Gimp. Ahora sólo hay que fijar las guías por donde quieras recortar (arrastrando desde la regla) y usar el comando del menú "Image/Transform/Guillotine". Automáticamente te abrirá en un documento nuevo cada trozo para que hagas con él lo que quieras.

Hay que reconocer que para los que vengan del Photoshop, el Gimp os va a resultar poco intuitivo (lo mismo dirán los que usen Gimp y vean Photoshop, obviamente). Para los que quieran tener el feeling de Photoshop en Gimp pueden usar GimpShop. Yo no lo he probado, por tanto no lo recomiendo. Además, el desarrollo de Gimp está siendo encaminado a hacer su interfaz cada vez más intuitiva (y la verdad es que tampoco se diferencia tanto de otros programas de este tipo).

También os recomiendo otro programa con el que la mayoría os sentiréis más cómodo que con el Gimp: Krita. No es un programa tan avanzado como Gimp pero es más sencillo de usar (todo ésto según mi opinión). Además es un programa de KDE (que es lo que yo uso) por lo que está mejor integrado con mi sistema.

Sobre Inkscape y Gimp hay miles de tutoriales, video-tutoriales y revistas en Internet. Acudid a Google, please.

Edición HTML

Para esta sección no hay una opción clara. Yo uso varios programas, ya que cada uno ofrece más facilidades para ciertas tareas. Yo os recomiendo que probéis varios y elijáis el que más os guste (o haced como yo y usad varios).

Os voy a ahorrar un pequeño trauma y no diré nada acerca de Vim, pero que sepáis que también lo uso.

Hay dos opciones claras en cuanto a editores de HTML Bluefish y Quanta Plus. Como he comentado, cada uno tiene opciones que el otro no tiene, por lo que en cada caso verás qué es lo que necesitas.



Como en el caso de Krita, Quanta Plus está desarrollado usando las librerías de KDE por lo que la integración es mayor. También, a simple vista, parece tener más opciones que Bluefish, aún así yo uso ambos (como en el caso de Gimp/Krita).

Existen también editores de CSS, pero como sólo he usado los que vienen integrados en los editores de HTML no comentaré ninguno. Aunque ya digo, haberlos hailos.

Editores WYSIWYG (lo que ves es lo que [deberías] tener)

Quanta Plus tiene un modo de visualización integrado que es bastante útil en muchas ocasiones (lo cual es un punto de ventaja sobre Bluefish). Se puede visualizar también junto al código HTML.

Kompozer ha sido denominado como la alternativa libre del Dreamweaver (programa que nunca me ha gustado pero parece ser el más usado por los profesionales). Tiene buena pinta y realmente parece funcionar como el Dreamweaver. He abierto algún diseño mío ya hecho y lo lee y muestra bien (otra cosa será crearlos). Kompozer es una versión mejorada de Nvu, programa que usaba hace tiempo y que me dio serios dolores de cabeza (por su estabilidad, cosa que en teoría se ha solucionado en Kompozer) pero que me ayudaba cuando tenía que formatear rápidamente textos.



Amaya es el editor web (también funciona como navegador) desarrollado por W3C por lo que habrá que suponer que el código generado será estándar. Puede editar también XML, tiene facilidades para editar SVG, ecuaciones matemáticas, etc. por lo que parece que puede ser bastante útil para hacer cosas especiales o cuando queramos buscar el camino estándar para hacer cualquier cosa rara... (como animaciones de gráficos vectoriales sin usar Flash ni cosas así).

¿Cómo instalar estos programas?

Todos los programas que os he comentado los he instalado con el aptitude en Kubuntu 7.10 descomentando los repositorios que aparecen por defecto en el sources.list. Si en vuestra distribución no tenéis esta opción mirad por los enlaces o buscad por ahí ;)

Formatos y estándares

Yo procuro usar PNG casi siempre. Y JPG cuando no hay más remedio (si la página está demasiado cargada, ya que los JPG suelen ocupar menos pero tiene pérdida de calidad).

Procura usar los estándares CSS/XHTML al codificar la web, que para algo son estándares. Yo siempre tengo a mano estas referencias: W3Schools y gotAPI.

Enlaces

Algunos enlaces de referencia (advertencia: os recuerdo que gratis!=libre):
45 Best Freeware Design Programs
Las mejores herramientas gratuitas para diseño
KompoZer, editor WYSIWYG de paginas web

Fin

Bueno, espero que la pechá de escribir e investigar que me he dado sirva para que alguna personas se pase a diseñar en GNU/Linux.

¡Qué disfrutéis!

Amarok

El martes era un día en el que necesitaba ánimo extra en el trabajo. Así que recurrí a un remedio que nunca me falla: Mike Oldfield.

Por si a estas alturas no lo sabías, Mike Oldfield es mi músico preferido. Para mi es EL MEJOR. Me gustan otros músicos, otros estilos, etc. Pero con ninguno he experimentado lo mismo que con lo la música de Mike. Yo creo que este artista tiene un don que no tiene ningún otro. Me gustaría hablar largo y tendido sobre él, pero hoy me limitaré a contaros lo que me pasó el martes.

Tengo la suerte de trabajar con GNU/Linux/KDE en casa y en el trabajo y el reproductor de audio que uso siempre es Amarok.

El nombre de este programa viene del álbum de Mike Oldfield del mismo nombre. Amarok (palabra cuyo significado no está muy claro, pero podría ser lobo en algún idioma raro) es seguramente el disco menos comercial de Oldfield, cosa que hizo a propósito para vengarse de su productora de aquel entonces.

Total, que aquel día fui a reproducir Amarok en Amarok (...) y me sorprendí con este mensaje:

Uno de los mejores trabajos de Mike Oldfield, Amarok, inspiró el nombre del reproductor de audio que está usando. ¡Gracias por elegir Amarok!

Mark Kretschmann
Max Howell
Chris Muehlhaeuser
Y muchos otros que han ayudado a hacer de Amarok lo que es

Estos cachondos me alegraron el día :)

Un motivo más para usar GNU/Linux/KDE.

Os dejo con un vídeo en el Miguel Campoviejo toca un extracto de Amarok (y de otros discos):

Mi escritorio

No sé por qué pero me mola ver como tienen configurados los demás sus escritorios. Este es el de mi chiquitín:

Lectura de mi Proyecto Fin de Carrera

No iba a avisar porque no creía que fuera a venir alguien a verme... Pero como parece que ya hay gente que viene, pos no sé... A lo mejor alguien más se anima :)

Es mañana a las 11:00h en la E.T.S. Ingeniería Informática. Más concretamente en la Sala de Juntas de Telecomunicaciones. Repito Telecomunicaciones. Si, si, en pleno terreno enemigo, como los valientes... xD La Sala de Juntas ésa, está en la planta de secretaría de Teleco (primera planta), al final del pasillo.

El proyecto se titula Un Sistema de Vídeo Vigilancia
para Detección de Caídas (podéis echarle un vistazo al anteproyecto). Está desarrollado en C++ sobre GNU/Linux, y como veréis va de visión por computador. Os dejo un anticipo:



Así que si queréis verme actuar de otra forma distinta a la acostumbrada, o si queréis verme hacer el gamba tirándome por el suelo y eso (no prometo nada), pasaros por allí.

Mis 10 comandos más utilizados en GNU/Linux(/GNU bash)

Venga, va, sigo el juego y pongo mi lista:

    120 ls
     88 cd
     33 vim
     20 make
     20 exit
     19 ./caidas
     16 rm
     14 cmake
     12 ./ipmail.py
     11 clear

Conclusiones a estas estadísticas: soy un chico vim (un día hablaré de él, es una pasada), soy programador (por lo del (c)make), y he estado trabajando en un programa llamado caidas ¿que será? :)

Si queréis hacer vosotros mismo esta estadística podéis usar este sencillo comando:

  history|awk '{print $2}'|awk 'BEGIN {FS="|"} {print $1}'|sort|uniq -c|sort -rn|head -10

Poca Vista pero mucha Cara

Acabo de leer un artículo que exuda desesperación por todos sus poros.

Micro$oft asegura que en WindowS (Poca)Vista también se podrá piratear. Jajajajajaja.

Imaginaros la desesperación de esta empresa para tener que asegurar que en su "pedazo" de sistema operativo también podremos bajarnos material pirata y verlo sin problemas. Y es comprensible tanta desesperación. Han sacado un pobre sistema operativo, tarde y mal, y encima se corre el rumor (que no es sólo un rumor) de que no se podrán ver las películas bajadas de redes como Donkey o BitTorrent.

También resulta un tanto "curioso" que la noticia la publique un periódico que ofrece un curso de Vi$ta como suplemento.

Pero vamos a ver, seamos objetivos ¿quien necesita Vi$ta? Si es por el entorno gráfico 3D "tan bonito" hay alternativas MUCHO MEJORES, MÁS BONITAS, LIBRES y GRATUITAS (con especialísima mención a Beryl). Si es para ejecutar mejor los programas te aviso de que poca gente tiene un ordenador tan potente como para que tire el Window$ Vizca en todo su "esplendor".

Yo, viendo lo que se avecinaba, me pasé a Linux y no echo nada de menos....

En fin, dejémoslo aquí que no se me ocurren más nombres graciosos con Microchoft y Win2 Vasta. Esto es patético, jajaja.

Software libre y concienciación

Me he embarcado en una cruzada personal a favor del software libre. Es una lucha difícil, pero necesaria.

Es difícil porque la gente lo pone difícil. No se conciencian. A día de hoy, que la basta mayoría de la gente siga usando el M$ Explorer en vez de cualquiera de los navegadores libres que existen como, por ejemplo, Firefox, me parece una barbaridad. Sí, sí, una barbaridad. Que no lo use la gente, llamémosle, de a pie, puede ser comprensible (me sigue pareciendo mal, pero es comprensible), pero verlo en compañeros de escuela, informáticos, profesores de universidad, instituciones públicas,... me parece muy triste.

Y el navegador es sólo un pequeño ejemplo. ¿Qué pasa con los procesadores de textos, hojas de cálculo,...? Ahí está OpenOffice.org que le da un par de vueltas a M$ Office. Además, OpenOffice usa un formato estándar no como el de Micro$oft (que además es cerrado).

Desgraciadamente (y sólo por ahora) no todas las alternativas libres y gratuitas son mejores que las de pago, pero ese no es motivo para dejar de apoyarlas. Además son, sorprendentemente, muy pocos los casos. Gimp, por ejemplo, tiene algunas carencias con respecto a su competidor Photoshop, pero CinePaint, una modificación de Gimp, se está usando cada vez más en la industria cinematográfica (se usó, por ejemplo, en El Último Samurái para insertar flechas volando, y se dice que se usó también en El Señor de los Anillos).

El paso de golpe al software libre es difícil, sobre todo por el sistema operativo. Ya que uno está acostumbrado a uno y le resulta complicado cambiar a otro. Pero también hay que tener en cuenta que los sistemas operativos libres como GNU/Linux ya no son los "feos" programas de antaño. Ahora tienen entornos de usuarios tan atractivos y "usables" o más que los de pago. Con sus ventanitas y todo. Tampoco son tan difíciles de instalar como antes. Kubuntu (una distribución de GNU/Linux) es mucho más fácil de instalar que Window$ XP, por poner un ejemplo.

Sé lo que te estás preguntando... Y la respuesta es sí, sí hay juegos en Linux :) Del estilo del Counter Strike hay varios, pero el mejor es True Combat Elite (que vale, también está para Window$).

Para terminar por ahora con este tema os aconsejo que veáis Elephants Dream, un cortometraje de animación hecho enteramente con software libre. Os podéis bajar el corto. Podéis bajaros el corto porque tiene licencia Creative Commons.

Ahora además, están haciendo en Argentina un largometraje titulado Plumíferos, usando también software libre. Si veis las capturas del proyecto veréis que no tiene nada que envidiar a cualquier otra película de animación.

Venga, animaros a usar software libre, empezando por Firefox. Cuando empecéis ya no podréis parar ;)

Contraste entre SS.OO. en El País

Vaya contraste.

Por un lado El País ofrece el coleccionable "Guía de Windows Vista" (o Windows PocaVista, como me gusta llamarlo ahora). Vamos, no se os ocurra instalaros ese sistema operativo-barra-virus.

Por otro lado, El País en su página web te ofrece una guía paso a paso para probar Linux sin formatear ni nada.

Recordemos todos que Linux es gratuito (no te cuesta un duro), libre (puedes hacer lo que te de la gana con él) y de código abierto (puedes ver qué es lo que hace y como lo hace). Por contra Windows es caro (teniendo en cuenta que hay sistemas operativos mejores y gratis), no es libre (su licencia te priva de muchas cosas) y es de código cerrado (o sea, que cualquiera sabe lo que hace en realidad, te pueden estar espiando y tú no te enteras).

Para que lo entendáis mejor: usar Windows es como tener un coche que no puedes prestar porque la licencia te impide que lo pueda usar otro, si lo quiere usar tu mujer tendrás que acoquinar más pasta; si se te estropea te j***s, no puedes abrir el capó para ver qué es lo que está mal; además, el coche está fabricado de tal manera que te obliga a usar gasolina y aceite de una marca en concreto y no puedes cambiar la emisora de radio para poner la música que quieras (antlarr dixit). Lo más cachondo es que ni siquiera el coche es de tu propiedad, sólo has comprado una licencia de uso (y mientras te flagelas a colleja viva, tu vecino conduce un flamante coche gratis, un Mercedex). Además hay otros problemas derivados de los anteriores que ya comentaremos en otra ocasión.

A parte de todo lo anterior, ahora es MÁS fácil instalar Linux que Windows (por lo menos así fue la última vez que lo instalé), y todo lo que puedes hacer en Windows lo puedes hacer en Linux.