Archive for the ‘ Web ’ Category

0
28
Oct

Google Street View llega a Barcelona

Hoy vi que Google Street View ya ha llegado a Barcelona, junto con otras ciudades españolas ya dispone de este servicio en Google Maps.

Street View -  Arc de Triomf

Street View - Hotel Arts

Que pena que no haya visto un coche de Google haciendo fotos, lo hubiese perseguido para salir en la foto. :razz:

3
17
Oct

TinEye, una nueva forma de buscar imágenes en la web

Ayer me encontré con algo que me impactó mucho. Estuve a nada de pasarlo por alto y cerrar la web en cuestión, puesto que no entendía para que servía. Pero había un vídeo. Un vídeo en el que hice clic de forma desinteresada y sin esperar nada interesante. Descubrí TinEye.

TinEye

¿Que es TinEye?

TinEye es un sistema que permite hacer una búsqueda de imágenes en la Web. ¿Y en eso que hay de nuevo? Google Images lo lleva haciendo desde hace tiempo y no es noticia, no? Este es diferente. Citando palabras suyas:

TinEye hace para las imágenes lo que Google hace para el texto.

Dicho de otra forma: Puedes realizar una búsqueda de imágenes a partir de una imagen.

Bastante c00l, eh? Los de Ideé se han inventado una tecnología de identificación de imágenes. Que han aplicado en muchos campos. Uno de ellos es este buscador.

Resultados de búsquedas:

Aquí busqué mi avatar de Cristalab; nótese que encontró la imagen con la versión del loro en el hombro:

Buscando mi avatar en TinEye

Y aquí un Wallpaper. Notese como me encontró la imagen completa, hecho que ni yo sabía que existía esa imagen.

Buscando un Wallpaper en TinEye

¿Como funciona?

Los spiders de TinEye rastrean la web con regularidad para buscar imágenes. A cada imagen le asignan una “firma digital” única y que van añadiendo al Índice de contenidos.

Cuando alguien envía una imagen a la búsqueda TinEye, su “firma digital”, se analiza sobre la marcha y se compara con la huella digital de cada imagen en el TinEye índice de búsqueda. El resultado es una lista detallada de los sitios web utilizando esa imagen, o modificaciones de esa imagen.

Utilidad

Las posibles razones para usar este servicio pasan por:

  • Encontrar copias de tus imágenes.
  • Buscar imágenes mayores o que estén completas a partir de pequeños fragmentos.
  • Búsqueda de productos utilizando una fotografía.
  • Encontrar modificaciones hechas a una imagen.
  • Investigar el uso de imágenes de stock.

De momento el proyecto está en beta y la base de datos que tienen incluye aún una muy pequeña fracción de todo lo que hay en la red, así que quizás no encuentre nada para imágenes muy particulares. De todas formas planean seguir creciendo a pasos de gigante.

En Digg usan el sistema de identificación de imágenes este para detectar entradas duplicadas.
Adobe lo usa en su función de “Buscar por semejanza visual” de Adobe® Photoshop® Elements

Entre muchos otros…

Puedes ver más resultados de búsquedas aquí. Tambien tienen una especia de Widgets de varios grupos de imágenes muy curiosos. Incluso hay un plugin para Firefox.

1
17
Oct

Flash Player 10 ya disponible para descargar

Hace un par de días que salió el Flash player 10. Esta versión del archi famoso player de Adobe trae muchas mejoras que venían siendo reclamadas por los desarrolladoresde aplicaciones en flash.

En magnitud de cambios vine a ser lo que ActionScript3 fue al AS2 lo que este Player será al Flash Player 9. Las versiones están disponibles para Mac, Linux y Windows.

Sin duda la mejora que más me atrae la atención es la posibilidad de poder manipular objetos 3D de forma nativa.

Flash Player 10
Descargar el Flash Player 10 (Adobe)

PD: Alucinante la animación que se han currado los de adobe

8
14
Oct

Crossroads: Pluguin de flickr para WordPress con Lightbox

Andaba yo buscando un plugin que me permitiera subir imágenes a flickr desde WordPress, pero me encontré con este otro: Crossroads.

Crossroads. Dibujé esta cosa porque me aburría.

Este plugin nos permite mostrar imágenes o álbumes alojados en flickr en nuestro blog. Las imágenes son dispuestas en los posts con elegancia, en forma de imágenes pequeñas y rodeadas por un pequeño y estético borde azul. Al clicar en ellas, se activa el Lightbox, que nos permite ir adelante o atrás sin tener que salir de él.

Modo de uso

Hay básicamente dos formas de usar el plugin:

  1. Directamente con una imagen:
  2. <!-- flickrimage: 2879655006 -->

    Donde el número ese es el correspondiente de la URL de la foto de flickr:
    http://www.flickr.com/photos/bleend/2879655006/

  3. Si queremos también podemos enlazar a un álbum (set) de fotos:
  4. <!-- flickrset: 72157607434007233 -->

    Donde el número ese es el correspondiente de la URL del set de flickr:
    http://www.flickr.com/photos/bleend/sets/72157607434007233/

Personalización

Como extra, comentar que tienes tres tipos distintos de galería que puedes escoger en las opciones de configuración del plugin:

Personalización de Galería en Crossroads para WordPress

Un par de problemas

  1. Un fallo que le veo al plugin, es que no puedes poner ambas opciones en el mismo post. Lo cual le hacer perder bastantes puntos.
  2. Y el otro fallo, (de menor importancia, creo yo) es que la galería aparece siempre al final del post, independientemente de donde coloques el código.

Descarga

Descargar Crossroads (enlace directo) , de la página web oficial de Crosroads

Separador

Read the rest of this entry »

7
11
Oct

Como importar tu cuenta hotmail a gmail usando POP3

Migrando de Hotmail a Gmail POP

Supongo que si has llegado aquí es porque has intentado migrar todos tus mensajes de tu cuenta de Hotmail a la de Gmail y no has podido; Gmail te dice que ha habido un error al contactar con el servidor de hotmail, verdad?

Ante todo debes saber que Hotmal es de Microsoft y es gratuito. Bajo esas premisas, que cabía esperar? Hotmail no ofrece soporte para POP3. Si quieres tener ese servicio, debes pagarte una cuenta premium.

Grita conmigo para que te oigan tus vecinos: “Microsoft apesta!!

Bien, ahora te voy a contar una forma de poder migrar tus mensajes de tu cuenta Hotmail a la de Gmail de forma sencilla y no tener que pagarte una cuenta premium ni nada por el estilo.

Este proceso es sencillo, pero tiene un intermediario, este intermediario es Izymail. Izymail, te permite acceso POP/POP3 a diferentes cuentas de correo webmail. Básicamente lo que hace es traducir en tiempo real los protocolos de datos que utilizan las aplicaciones de correo para comunicarse.

Read the rest of this entry »

12
17
Sep

Cambiar el aspecto visual de Gmail, GoogleReader, GoogleDocs y G.Clandar: Redesigned 4


Update: (10-11-2010) Este código ya no esta actualizado. Utilicen este Add-on:

https://addons.mozilla.org/en-US/firefox/addon/8434/

Es el Redesigned de Gmail + Google Calendar + GReader + GDocs. Se actualiza automáticamente.

Stytlish a saco para Gmail, Redesigned 2.0

Para los que no saben que es Stylish: Se trata de una extensión (Add-on) para Firefox, su función es sencilla: Permite añadir reglas CSS para la página que estás viendo y guardarlas (user styles) para que se muestren siempre que la visites. Con eso puedes lograr cambiar la apariencia/funcionalidad/usabilidad de una web en concreto.

Hay un sitio web llmado userstyles.org donde muchos usuarios ponen “user styles” para páginas conocidas donde han modificado el CSS usando este Add-on y lo comparten con todo el mundo.

En este post hago una pequeña recolección de unos UserStyles aplicados a Gmail que sin cambiarlo demasiado del original (reconzocamoslo, a todos nos gusta mucho Gmail tal y como es) lo mejoran en algunos aspectos.

Vale, mientras escribía esto, me he encontrado con una cosa que me ha dejado con la boca abierta:

Gmail Redesigned 2.0

Primera Captura

Segunda Captura

Tercera Captura3

En cierta forma guarda parecido con hotmail. ( :???: ). Pero no por eso deja de ser un gran trabajo de CSS.

Además, incorpora una serie de mejoras, como por ejemplo, en los emails que contienen archivos adjuntos de extensión conocida, les asigna un icono pequeñito (usa los mismos iconos del SO) en vez del clip típico de Gmail:

Cuarta Captura

Añadirlo a tu Firefox

Gmail Redesigned 2.0

Por cierto, cada un cierto tiempo, busquen actualizaciones del CSS este, puesto que parece ser que lo actualizan bastante.

PD: Un Userstyle de MacOS X Para Google Reader. Hay algunos fallos, pero es funcional.

Update: (17-09-2008) Como pidieron en los comentarios, dejo una copia del CSS que deben poner en Stylish.

5
10
Sep

Hoy inyectaron el primer haz de protones en el LHC

En torno a las 09:30 (GMT+1) de esta mañana el primer haz de protones fue inyectado en el gran túnel de 27 km de circunferencia en el sentido de las agujas del reloj.

De todas formas no se trata de nada más que de una prueba para comprobar el correcto funcionamiento del acelerador de partículas, ya que por ahora no se harán pruebas con partículas en sentidos opuestos, por lo que no se producirán colisiones.

Los primeros choques de protones se producirán dentro de unos meses, hasta entonces nada.

PD: Google ya ha sacado en su portada la imagen de la puesta en marcha del LHC. No deja de ser gracioso, puesto que el logotipo de Google es “absorbido” por el punto de colisión de la imagen.

google_LHC

3
27
Aug

Quicktags.js: Vídeos con XHTML válido y para el iPhone

El archivo quicktags.js es el que se encarga de mostrar los botones que dan formato xhtml a nuestro texto cuando escribimos un post en wordpress sin usar el editor visual.

Botonera para editar xhtml en WordPress

Este archivo está ubicado en [directorio de WP]/wp-includes/js/. Si lo abrimos y nos fijamos un poco en su estructura y sintaxis, sin ni siquiera saber nada de JavaScript (en mi caso), podemos llegara modificarlo de forma que podamos añadir más botones que inserten nuevas etiquetas e incluso botones interactivos que hagan preguntas al usuario (prompts).

Yo lo he modificado para crearme un botón que inserta un código de embebido para vídeos de youtube con XHTML válido. Pero además descubrí en microsiervos que si pones un link directo al vídeo en youtube antes de cerrar el tag “object” al navegar con un iPhone/iPod touch, este lanza la aplicación de youtube y puedes ver el vídeo tranquilamente, evitando el fallo de safari que muestra la pieza azul indicándonos la carencia de flash player.

El Safari del iPhone muestra algo así al encontrar un objeto flash:

Cuando lo usé en entradas anteriores, al navegar desde el iPod, se veía así:

El código es bien simple:

<object width="425" height="350" type="application/x-shockwave-flash" data="http://www.youtube.com/v/xxxxxx">
<param name="movie" value="http://www.youtube.com/v/xxxxxx">
<param name="wmode" value="transparent" />
<a href="http://www.youtube.com/watch?v=xxxxxx"><img src="http://farm4.static.flickr.com/3231/2703092753_608becc7a0_o.png" align="absmiddle" alt="Youtube video" border="0" /><em>Ver video embebido</em></a>
</object>

La imagen pequeñita del logo está en mi cuenta de Flickr, no tengo planes de borrarla, pero no estaría de mas que pusieras en tu servidor por si pasa algo.

Para automatizar todo este proceso en WordPress (porque el código no es tan ínfimo como poner un par de etiquetas <p></p>), modifiqué el archivo quicktags.js. Le añadí un botón: “youtube”, que al hacer clic en él, aparece una ventanita de introducción de texto preguntándonos cual es el código del vídeo de youtube (las xxxxxx del código de arriba).

Como plus, en el feed también sale el link, así que los vídeos que pongas ya no serán invisibles nunca más:

reader_youtube_quicktags
Clic para ampliar


¿Como lograr esto?

Descargate el archivo quicktags.js y substituyelo en su Worpress. (Por cierto, guárdate una copia, porque el actualizar WordPress, a veces se sustituye por otro y pierdes los cambios.)

1
1
Jul

Google ya puede indexar contenido en Flash

Podrá Indexar cualquier tipo de texto que encuentre. Puede leer hasta el texto de los botones, hasta sigue los links

Lo encontré en Google Reader: Improved Flash indexing
Read the rest of this entry »

2
30
Jun

Análisis constructivo de Love4Clab

Love4Clab header

Hoy criticaremos de la mejor forma posible a una web, siempre procurando ser constructivos. La página designada por el dedo divino en este caso ha sido Love4Clab.

Si no la conoces, te invito a dar clic en el enlace anterior y descifrar lo que es. Bien, el usuario medio llega a la conclusión de que se trata de una red social; el problema radica en que eso se descifra solamente al leer el texto ese pequeñito situado debajo del header. No es malo, pero es poco intuitivo, la red social se genera porque los usuarios interactuan con ella y generan su contenido. Sin ellos no hay red social, por ende, una web que pretende ser eso, debe invitar al visitante a que participe.

De todas formas, ¿quien ha dicho que esto vaya a ser una red social?

Otro de los problemas de L4C, es que parte de una base en que no se tiene claro su objetivo ni finalidad, es decir, ¿exactamente para que se creó L4C? Según tengo entendido, todo vino de una acalorada y falsa discusión entre Hernan y Freddie, los administradores de cristalab. En dicha charla, ambos mencionaban que solo tenían un punto en común, y que era la única forma de salvarse ambos de la muerte, la única forma de mejorar el mundo y elevarnos a todos a una existencia superior… etc.

Ese “punto en común” eran unas siglas misteriosas y desconocidas, lo llamaron “L4C”. Según creo, en el momento de citarlas, no tenían ningún significado, por mucho que los creadores de ellas se empeñaran en que sí lo tenían, pero que era “secreto” (así daban misterio al asunto y ponían a los clabers ansiosos). De todas formas, desconozco realmente lo que sucedió detrás del telón y solo puedo dar mi visión y deducciones de la historia.

La cosa es que se creó un bulo tan grande, con esas siglas, que (creo) los admins se vieron obligados a hacer algo con ellas. De ahí surgió Love4Clab, algo que querían que estuviera relacionado de alguna forma con lo llamado “departamento del amor de cristalab”. Imagino que de ahí viene su diseño rosa.

Continuaremos partiendo de la idea que busca ser una red social “privada”, es decir, para los clabers. Puesto que aunque el registro está abierto a cualquiera, es difícil que alguien se registre en un sitio que desconoce para usarlo como “red social” si no invita a su participación ni hay nada realmente atractivo en el sitio en sí. Las redes sociales, crecen por “las invitaciones de los usuarios de la misma hacia los forasteros de ella. Para que un visitante recién llegado vaya a participar, hay que darle algo que lo divierta. Subir fotos puede no ser suficiente.

Hay que buscar ideas para potenciar el sitio (Si es que realmente se busca lograr eso, claro, no está claro si se quiere potenciar L4C como red social…) Por ejemplo, una forma de llamar la atención al usuario puede ser: Si sabemos que el sitio es de fotos, se podrían crear “categorías” o grupos de fotos, que atrajeran a los visitantes, tales como fotos de humor, graciosas, o curiosas. (¿FAILS, lolcats o lo que sea?).

Bien, en cuanto a arquitectura del sitio:
A la portada le faltan cosas y habría que cambiar otras; fíjense en esto:

Menu 2 de Love 4 Clab

Es viejo. El concurso ese ya pasó. La idea de un concurso es buena, muy buena, pero si ya ha pasado, no lo dejemos ahí para que le salgan raíces. Ni siquiera existe una página para los eventos, usan el foro de cristalab como tal. No se si la intención es que sea una sub-pagina de cristalab, ¿una forma de sustituir el viejo premio de “secretos”? ¿Se pretende usar L4C como plataforma de concursos?
Si es así, pues no digo nada, pero si se pretende hacer una web autónoma y mínimamente independiente, hay que arreglar eso ASAP.

Segundo, y esto es un detalle sin importancia pero que salta a la vista:

Statusbar

Es una cosa c00l en las pestañas y el titulo, pero habría que hacer algo en la barra de inicio, no se muestra correcto. Personalmente no se como hacerlo. ¿Es mejor tenerlo a medias o debe quitarse? Eso no lo tengo claro.

Luego, yo añadiría algunas cosillas en el home, por ejemplo una pequeña lista con algunas de estas cosas:

  • Fotos más comentadas
  • fotos más vistas
  • fotos ganadoras de algún concurso
  • fotos participantes de algún concurso
  • Ultimas fotos comentadas
  • ultimas fotos subidas
  • etc..

Creo que sería un buen reclamo para visitar la web regularmente, obtener cierta información de los cambios en ella y de una visión global de la misma.

Luego hay algo que se echa realmente en falta: Avisos por email. Eso es un factor clave que no debe de olvidarse. Si alguien deja un comentario en una foto tuya, recibir cierto aviso. Si ha aparecido un nuevo concurso, recibir un aviso. Si algo tienen las redes sociales, es que te avisan por email de hasta cuando tus “followers” van al baño.
Ya puestos, que tan mal estaría un sistema RSS y/o mail para seguir a un usuario y saber cuando publica fotos nuevas?

Algunas cosas que añadiría:

  • Una opción (a discreción del usuario en cada foto) de que se guardara la imagen en tamaño original a demás del tamaño escalado al subir fotos
  • Un uploader multiple de fotos. Normalmente no es necesario, pero si alguien desea subir muchas, sería algo increíblemente útil.

En el header, habría que corregir el botón con el enlace de “Blog” y cambiarlo por el botón de “Tia Xime”, puesto que es donde lleva en realidad (Hagan clic ahí para entenderme). Luego está también que el botón de “enviar” que hay para los comentarios, este botón tiene un efecto de onrollover, pero la imagen del estado over, no la carga hasta que se pasa el ratón por encima, por lo que por unos instantes, el botón desaparece, algo incómodo.

Por lo general acaba ahí mi critica, el diseño me parece acertado; en el ámbito de “love” está claro que no hay otro color.

Separador

Este post es para la prueba 5 de la BC