Fruta Gratis

Éranse una vez que se eran dos jóvenes de nombre Paco y Luis.

Paco había destacado siempre por pensar diferente… Unos decían que era muy raro. Otros decían que era genial. El resto… Bueno, el resto estaba de acuerdo con todos los demás. Su padre era agricultor, y tenía una frutería. Todo quedó para Paco el dia de su muerte (me refiero a la muerte del padre de Paco, claro).

Luis, por su parte, era una de esas personas a las que les gusta arriesgar. Un rumor bastante popular decía que solía jugarse al póker, y sin pestañear, un reloj de oro que llevaba tres generaciones en su familia. Otro rumor decía que ese reloj no era en realidad más que una baratija pero, claro, este era mucho menos morboso y a nadie le gustaba difundirlo.

Paco y Luis se conocieron en el año 2005 y al año siguiente reabrieron la frutería del padre de Paco… Con una pequeña diferencia: La gente no tenía que pagar por la fruta; simplemente se cogía. Gratis.

Como os podréis imaginar, la pequeña frutería tuvo un rotundo éxito y estaba siempre a rebosar. No ganaban dinero, pero tenían dinero: Habían conseguido una buena cantidad de un inversor de capital de riesgo al que le sobraban los relojes de oro transmitidos a través de varias generaciones. Enseguida, volvieron a reunirse con otros inversores; había que ampliar el “negocio”: Continue reading

La Introducción al Proyecto ULUland

La memoria que tuvimos que hacer para presentar ULUland como Proyecto Fin de Carrera nos llevó un montón de tiempo, como podréis imaginar. Y, bueno, “ya que tal” aprovecharé e iré poniendo aquí las partes más interesantes.

Sabíamos que la introducción era la parte que iba a leer todo el mundo, así que nos esmeramos con ella. Debimos hacerlo más o menos bien porque mucha gente nos comentó que le había gustado mucho… A ver qué os parece:

Continue reading

El Manual del Nerd

Un nerd necesita un proyecto porque un nerd construye cosas. Todo el tiempo. ¿Esos momentos de evasión durante la cena? El nerd está trabajando en su proyecto dentro de su cabeza.

Es improbable que este proyecto sea el trabajo diario del nerd porque su opinión acerca de su empleo es, “He estado allí, he hecho eso”. Exploraremos las consecuencias de esta pérdida de atención aparentemente breve dentro de un poco, pero por ahora este proyecto es una gran cosa que tu nerd está construyendo. Yo no tengo ni idea de qué es, pero tú deberías.

En cierto punto, tú, la compañera del nerd, fuiste el proyecto. Fuiste salpicada por la manguera de la atención porque eras la más brillante novedad en la vida del nerd. También existe la posibilidad de que tengas suerte y que aún estés dentro del proyecto de tu nerd. Felicidades. No te acomodes demasiado porque él avanzará, y, cuando eso ocurra, te preguntarás qué ha ocurrido con toda la atención. El manual podría ayudar.

Sobre el género: Para este artículo, mi nerd prototipo es masculino por conveniencia. Hay muchas nerds por ahí para las que estas observaciones son igualmente aplicables.

Entiende la relación de tu nerd con el ordenador. Es un cliché, pero un nerd se define por su ordenador, y necesitas entender por qué.

Primero, la mayoría de la gente en el planeta no tiene ni idea de cómo funciona un ordenador o lo miran y piensan “es mágico”. Los nerds necesitan saber como funciona un ordenador. Saben como funciona hasta un punto íntimo. Cuando preguntas a un nerd “Cuando hago clic en esto, tarda un poco en aparecer. ¿Sabes qué falla?”, él sabe lo que falla. Un nerd tiene un modelo mental del hardware y del software en su cabeza. Mientras el resto del mundo ve magia, tu nerd sabe cómo funciona la magia, sabe que la magia es una larga serie de unos y ceros moviéndose a lo largo de tu pantalla a una velocidad impresionante, y sabe cómo hacer que esos bits se muevan más rápido.

El nerd ha basado su carrera, quizás su vida, en el ordenador y, como veremos, esta relación tan íntima ha alterado su visión del mundo. El ve el mundo como un sistema que, con el suficiente tiempo y esfuerzo, es completamente entendible. Esta es una frágil ilusión que tu nerd ha adoptado, pero es agradable y ayuda a tu nerd a pasar el día. Cuando la ilusión se rompe, descubrirás que… Continue reading

Cinco cosas (menos básicas) que debes saber sobre CSS

Ahora que ya dominas lo más básico de CSS estás listo para aprender a hacer cosas un poco más avanzadas. Pero solo un poco más.

Archivos de ejemplo

Esta vez he preparado un pequeño ejemplo de cada una de las cinco cosas que intento enseñaros en esta entrada. Os será útil para ver los resultados en directo y para entender mejor como funcionan.

Descargar ejemploscss.zip

1. Aplicar varias clases a un mismo objeto

Es posible aplicar más de un estilo a un mismo elemento. Esto se consigue poniendo los nombres de las clases separadas por un espacio.

<p class="marcado grande">Texto marcado y grande</p>

En el CSS no hay que hacer nada raro.

.grande{
font-size: x-large;
}
.marcado{
background: #ffff86;
}

Continue reading

Plusdeporte.com: Más deporte en menos tiempo

El otro día me comentaba Adrián Mato que ya estaban empezando a intentar dar a conocer su último proyecto web: Plusdeporte.com. La idea me ha parecido interesante así que he decidido publicar esta pequeña entrada porque creo que os podría gustar:

¿Qué es Plusdeporte?

Plusdeporte es un servicio web como digg o menéame, pero especializado en deportes.

Permite a sus usuarios votar las noticias que otros hayan enviado. Las más votadas llegan hasta la portada, mostrando lo más caliente de la actualidad deportiva en un solo sitio. Lo bueno que tiene es que, al ver la portada de la página, ya te enteras de todas las noticias deportivas relevantes. Además, tiene algunas cosas extra como la posibilidad de comentar cada noticia, buscar cosas concretas o los feeds RSS.

Todavía es muy joven…

Plusdeporte tiene apenas unas semanas y eso hace que todavía no esté funcionando a pleno rendimiento, sobre todo teniendo en cuenta que este tipo de páginas necesitan una comunidad amplia y activa para funcionar del todo bien.

Otro problema que tiene es que los bloggers deportivos y los sitios de noticias deportivas todavía no conocen esto. Ayudaría mucho que los propios creadores de contenido (bloggers, etc…) supieran de la existencia de la página y pusieran todo de su parte para que triunfara (con los típicos botones de “¡Vótame en Plusdeporte!”.

Por probarlo no te vas a morir

Pues eso, os animo a que le echéis un vistazo. Sobre todo si os gustan los deportes: Plusdeporte.com »

Cinco cosas básicas que debes saber sobre CSS (aprende CSS en 5 pasos)

AVISO: Entrada para principiantes.

Esta entrada va dirigida a gente sin conocimientos de CSS. Si ya estás minimamente familiarizado con el uso de hojas de estilo, puede que esto no te interese.

Aún así, quien sabe, quizás aprendas algo que se te había pasado por alto. O, mejor aún, igual puedes aportar algo a través de los comentarios.

1. Qué es CSS

CSS son las siglas de Cascading Style Sheets, que traducido al español sería algo así como Hojas de estilo en cascada. Analicemos ese nombre:

Son hojas de estilo:

CSS son hojas de estilos. Esto quiere decir que son unos documentos (de extensión .css) que contendrán información acerca del estilo de una página web. Por “estilo” se debe entender todo aquello que afecta a la apariencia de lo que se ve en pantalla (colores, tamaños, posiciones, etc…).

Por ejemplo:

p /* Esto da un color gris oscuro a todos los párrafos de una página web */
{
color: #222222;
}

Son en cascada:

Las CSS son hojas de estilo en cascada. Lo de cascada viene por la forma en que se aplican los estilos de forma jerárquica y hereditaria. Basicamente quiere decir que, aprovechando que las páginas web se programan de forma jerárquica, los estilos se irán heredando desde los elementos más importantes hacia los que se van anidando dentro de ellos.

Por ejemplo:

<div id="contenedor" class="estilo">
Esto hereda el estilo del contenedor por estar anidado en él.
</div>

Separar el contenido de su representación

La gran ventaja de las hojas de estilo CSS es que permiten separar el contenido de su apariencia. Esto se puede ver muy claramente en CSS Zen Garden. Ahí podéis ver un mismo archivo html (el contenido) que cambia completamente su apariencia según qué css se le aplique (el estilo).

2. Cómo cargar una hoja de estilos.

Lo primero de todo es saber cómo se carga una hoja de estilos en la página web para que se empiecen a aplicar. Es muy sencillo; solo hay que añadir una línea en el head de la página:


...
<!-- Así cargamos y aplicamos la hoja de estilos 'estilo.css' -->
<link rel="stylesheet" type="text/css" href="estilo.css" />
...

Continue reading

La evolución del Snail Alert 2

Ahora que ya lo he terminado, resulta agradable echar la vista atrás y ver la evolución de este juego que, a pesar de ser tan sencillo, tiene mucha historia:

El comienzo

Todo comenzó en junio del 2007, cuando me decidía a participar en un concurso de desarrollo rápido  de videojuegos (en menos de 48 horas) organizado en stratos-AD. Tal como explicaba por aquel entonces, las reglas eran muy sencillas: El primer elemento hostil debía ser un caracol y debía haber una protagonista de pelo muy rizado y gafas. Haciendo gala de mi habitual caraja, no me di cuenta de la segunda regla y quedé descalificado por no incluir a la chica. Aún así, no me disgusté demasiado porque en estas compos lo importante es participar (ni siquiera había premios) y sobre todo porque supuso el comienzo del juego del que estoy hablando ahora.

La idea del juego era sencilla: El jugador controlaría una nave que utiliza agua a presión para moverse y para atacar a los malvados caracoles suicidas. El objetivo del juego sería defender el mayor tiempo posible las columnas que sostinen una galería subterránea. Para ponerlo un poquito más difícil, decidí limitar el uso del agua, obligando al jugador a descender al fondo de la pantalla para recargar.

En este vídeo se pueden ver las primeras pruebas que hice para el juego. La verdad es que no me resultó difícil arrancar a pesar de que era la primera vez que utilizaba una librería de físicas (Box2D, más concretamente) y la librería gráfica Allegro.

[youtube]http://es.youtube.com/watch?v=1G2PsbC5rns[/youtube]
Continue reading

Web 2.0: Buenas prácticas en el trato con los usuarios

Introducción:

Como usuario habitual de internet, la llegada de la Web 2.0 resultó muy agradable porque, de repente, todas las webs empezaron a funcionar pensando en los usuarios, pensando en mí. Como desarrollador, también fue muy interesante, porque aparecieron la idea del desarrollo ágil y los frameworks modernos que facilitan bastante el desarrollo de casi cualquier idea que tengas.

Sin embargo, ahora que me enfrento al desarrollo de un proyecto de estas características (como proyecto de fin de carrera), he estado pensando en cómo ha evolucionado la “web social” en estos años. Lo que se ve es que, a pesar de que han aparecido cosas muy interesantes, la facilidad de desarrollar este tipo de aplicaciones nos ha llevado a un punto en que la mayoría de webs no cuidan los detalles más fundamentales o, simplemente, están mal hechas. En concreto, una de las cosas en las que más se falla es en el trato con los usuarios. Por eso, he decidido compartir con todos vosotros algunas ideas que considero muy importantes para mejorar la interacción entre las webs y los usuarios. Por supuesto, me habré dejado un montón de cosas, pero para eso están los comentarios.

El registro:

No hagas que el registro sea obligatorio.

La gente odia registrarse. De hecho, muchas veces ocurre que la gente deja de utilizar cierto servicio web solo por evitar el registro. Por eso, hazlo obligatorio solo cuando sea absolutamente imprescindible.
Además, en muchos casos, suele venir bien permitir que los usuarios accedan con una cuenta de invitado para ver cómo funciona antes de registrarse.

Hazlo lo más corto e indoloro que puedas

Simplifica. Pregunta solo lo imprescindible. ¿Realmente necesitas saber su fecha de nacimiento, su lugar de nacimiento o su sexo? Es cierto que estos campos suelen ser opcionales, pero el simple hecho de ver uno de esos complicadísimos formularios de registro ya marea (aunque al final solo haya que rellenar tres o cuatro campos).
Para mí, las mejores soluciones son ocultar los campos opcionales y mostrarlos solo cuando el usuario quiera rellenarlos (podría ponerse un enlace tipo “mostrar campos opcionales”) o, directamente, eliminarlos del formulario de registro, confiando en que los usuarios que quieran los rellenarán después.

Simplifica
Continue reading

Mi opinión sobre el ArtFutura (y sobre los que lo critican)

Lo primero, para aquellos que no sepan de qué va todo esto, voy a explicar un poco por encima qué es el concurso de videojuegos del ArtFutura y qué es lo que pasa todos los años. El ArtFutura es un evento bastante conocido que se celebra en Barcelona, a finales de Octubre, en el que se organiza un concurso de desarrollo de videojuegos “amateur” que es considerado el más importante y prestigioso de España. Está dotado con 6000 € para el ganador y con una playstation para los ganadores de los premios secundarios. El nivel es cada año más exigente y el simple hecho de quedar finalista ya es un logro muy importante y de gran prestigio.

Como es habitual en cualquier concurso, todos los años hay discusiones sobre la profesionalidad del jurado y sobre sus decisiones y este año me apetece dar mi opinión porque me gusta mucho la polémica. Admito que no soy la persona más adecuada para opinar sobre esto porque no he participado nunca en el concurso pero, sinceramente, me da igual.

Podéis ver vídeos de casi todos los juegos finalistas en la segunda página de este post. Continue reading

El Photoshop está de moda (aunque muchos no sepan usarlo)

El photoshop, aunque es útil para muchas otras cosas, es popularmente conocido por su utilidad para retocar y modificar fotografías; todo el mundo conoce las típicas bromas de poner la cara de un amigo en el cuerpo de un gorila cagando o, en caso de no encontrar tan codiciada instantánea, en el cuerpo de algún famoso o famosa. Eso está muy bien y es muy divertido, el problema llega cuando esa facilidad de modificar la realidad se pone en manos de los medios de comunicación. Cuando eso ocurre empieza a ser algo más grave y espero que no lo empiecen a tomar por costumbre porque eso reduciría, aun más, la credibilidad de los medios de información y de noticias.

Estos días han aparecido algunos casos de esta utilización irresponsable y despreocupada del photoshop (casi seguro que fue el programa que usaron) y, sólo por curiosidad, me he decidido a investigar un poco más sobre este tema. A continuación los casos más interesantes que he encontrado, pero hay muchas más, claro.

La famosa felicitación de La Casa Real:

La Casa Real acostumbra a enviar cada año por navidad una felicitación en la que aparece una fotografía familiar, bastante típico en las felicitaciones de este tipo. Sin embargo, en el año 2005 parece que tuvieron demasiados problemas para reunirse todos y, en un alarde de cutrez, decidieron hacer un montaje fotográfico para crear esta bonita estampa con toda la familia reunida.

Montaje fotográfico en la felicitación de los reyes

Como es lógico, mucha gente se dio cuenta y tuvieron que reconocerlo, alegando la imposibilidad de reunirse todos en Madrid para la sesión fotográfica. Que sepamos, no han vuelto a hacerlo. Continue reading