Es cierto que Google ha estado sorprendiéndonos últimamente con muchísimas cosas nuevas. Esta vez con su producto de manejo de fotografías en línea: Picasa. Hace poco, que fuí a ver mis álbumes en línea (unas 1600 fotos) y había una notificación que decía “Add name tags” y le hice click como curioso al fin. Sorprendentemente Google tiene una tecnología la cual analizó todas mis fotos, reconoció todos los rostros y me los agrupos según los que son parecidos. Y todo eso es automático. Definitamente eso me cautivó mi atención. A continuación le muestro algunas fotos de los resultados de esa innovadora tecnología.

AJAX Libraries API es una red de distribución de contenido y una arquitectura de carga de las librerías JavaScript open source más populares. Con tan solo utilizar la llamada…

google.load()

… puedes, a una gran velocidad, tener acceso a una inmensa lista de librerías JavaScript open source tales como:

• jQuery
• prototype
• script.aculo.us
• MooTools
• dojo

Si eres un fanático de jQuery y deseas utilizar la última versión tan solo debes de colocar este código en tus documentos HTML:

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
	google.load("jquery", "1.2.6");
</script>

Con este ejemplo podrás utilizar la versión 1.2.6 de jQuery, directamente desde el repositorio de Google. Lo que más me pareció interesante de esta arquitectura es el sistema de versionamiento. En el ejemplo anterior se está especificando que se requiere la versión “1.2.6″. Pero, también tienes la opción de especificar la versión “1.2″ y la librería buscará la versión más reciente y estable en una serie “1.2.x”. Si jQuery tiene la versión de su librería en “1.2.1″, “1.2.2″, “1.2.3″ y “1.2.6″, al especificar la versión “1.2″ se buscará la más alta que equivaldría a “1.2.6″.

Espero que disfruten de esta interesante arquitectura.

Hace un rato, papá Google lanzó Lively, algo al estilo The Sims™, Second Life™ o Habbo Hotel™. Los desarrolladores de Lively ofrecen este servicio para hacer que los usuarios experimenten un nuevo sabor de la web. Y esto es a través de gráficos 3D e interacciones de tus avatar en tiempo real, en vez de foros estáticos.

Los usuarios pueden crear su sala, decorarla a sus gustos y de esta manera expresar sus intereses de una manera “diferente”. Luego de haber creado tu sala puedes incluirla en tu página web o tu blog favorito. Puedes personalizar tu personaje de manera tal que los demás puedan ver quien eres sin tener la necesidad de siquiera abrir la boca (o escribir un post).

Bueno, espero que puedan descargarlo e instalarlo. Les dejo el enlace: lively.com. Luego me cuentan.

Al fin, después de dos semanas, instalé la nueva versión anual de Eclipse IDE. Antes llamada Europa ahora Ganymede.

Esta nueva versión es sin lugar a duda más ligera y hasta ahora he notado las siguientes ventajas:

• Inclusión de 23 plugins por defectos.
• Cambio completo de interfaz para instalación de plugins y actualización de software.
• Nueva vista: Marker View. Esta vista agrupa los problemas, bookmarks y tareas en un solo panel.
• Puedes ser ejecutado en Windows 64-bit y en HP-UA IA64.
• Puede refactorizar tus recursos AKA archivos de la misma manera cuando mueves, elimina o modifica un archivo Java.
• Accesibilidad para usuario de Mac OS X Carbon.
• Posibilidad de separar entre los plugins personales y los que vienen por defectos.
• Puedes cerrar cualquier tab con el botón del medio del mouse (Inspiración de Firefox).
• La búsqueda de archivos por expresiones regulares fue extendida.
• Mejoras visuales en búsqueda/reemplazar de texto en archivos.
• Al colocar sobre un elemento ya no tienes que presionar F2 (¡Al fin!).
• Mejoras en impresión (nombre de archivo, numeración de línea, no impresión de color de fondo…)

Bueno, hay bastante novedades y más de las citadas anteriormente. Espero que puedan descargar su nueva versión de Eclipse IDE Ganymede. Hasta pronto.

Tratando de ver como injectar un código malicioso Navegando en Aldaba.org, me puse a ver como anda las ofertas de trabajo en el área de Ingeniería Informática y me encuentro con esta:

Se busca a alguien para ‘programar en páginas web avanzadas, mapas digitales, mini-chat, juegos, radios, menus, presentaciones interactivas, etc (…) tener mas de cinco años de experiencia’.

¿Por cuanto aceptarías este trabajito? Increíblemente, una compañía anónima, esta ofertando la increíble y tentadora suma de diez mil pesos … bueno la oferta dice ‘diez mil pesos en adelante’…

Moraleja

Será que no sé qué tan mala esta la situación, pero ¿quien trabajaría por diez m… (me da vergüenza siquiera mencionarlo) para hacer mapas digitales? Bueno, tal vez a alguien le interese… Pero lo chocante está en la siguiente reflexión personal: “1 año haciendo un curso de programación + 4 año haciendo una carrera + 5 años de experiencia = diez mil… (eso mismo)”.

Bueno para los curiosos como yo ahí está el enlace.

Nota: Aunque Aldaba pone la compañía como anónima si eres tan curioso puedes preguntarle a papa Google con el número de teléfono que aparece en la oferta y ya verás que compañía.

Tratando de hackear Investigando en Google Docs, me encontré con algo curioso e inteligente. Mientras chequeaba el source me topé con que los íconos no son archivos separados, sino un solo archivo de imagen manejado por CSS. ¿Qué? Me explico.

Los tira códigos ingenieros de Google tienen la siguiente imagen (la original es más larga):

Y para ellos mostrar cada ícono de manera individual, utilizan unos cuantos otros truquitos legales de CSS. Por ejemplo si ellos quieren mostrar en un elemento con la clase ‘goog-share-icon‘ el tercer ícono como fondo, hacen lo siguiente:

.goog-share-icon {
	background-image:url(google-docs-iconlist.png);
	background-repeat:no-repeat;
	background-position:-32px 50%;
}

Y voila, así muestran el tercer ícono de la imagen. ¿Cómo funciona? Es bien fácil, la lista de íconos que ellos crean la hacen de tal manera que cada ícono este en una posición de 16×16 pixeles. De esa manera, ellos pueden manipular cualquier ícono con el atributo background-position. Para mostrar el primer elemento ponen background-position:0px 50%, para el segundo -como está a 16px hacia la izquierda- background-position:-16px 50%, para el tercero -como está a 32px hacia la izquierda- background-position:-32px 50%, y así sucesivamente.

Ventajas

• Menos request. Si tienes una página web con muchos íconos (10 o más), es mejor carga una sola imagen que hacer varios request para cargar cada una de manera individual.
• Fácil para crear temas. Con esta ventaja puedes crear temas fácilmente, tan solo modificas el archivo que tiene todo los íconos y ya está.
• Lo utiliza Google. Sin comentario.

Bueno, este descubrimiento creo que puede servir de algo en algún futuro. A ver si les pongo un ejemplo práctico más tarde.

Desde que salieron las especificacione de CSS2 en mayo del 1998, la W3C solicitó una manera de crear variables en CSS. Dado que al crear nuestros archivos CSS repetimos valores como los colores de las fuentes, los fondos de elementos, los bordes, etc… y recordar que algunos de estos valores se repiten entre diferentes elementos, entonces ha resultado bien práctica esta solicitud ya que evitaría que nos rompamos la cabeza actualizando cada valor por cada atributo. Es decir que en vez de hacer algo así:

h1 {
	color: #000000;
}
h2 {
	color: #000000;
}
h3 {
	color: #000000;
}

Podríamos hacer lo mismo de esta manera:

@variables {
	colorOscuro: #000000;
}
h1 {
	color: var(colorOscuro);
}
h2 {
	color: var(colorOscuro);
}
h3 {
	color: var(colorOscuro);
}

Claro está, este no es el mejor ejemplo, esto es solo para ilustrar la idea del uso de variables en CSS. Mi punto de vista en particular es que el uso de variables en CSS es bien práctico para utilizar gamas de colores de un tema (véase kuler.adobe.com).

Nota: esto no está implementado en los browser.

Una de las mejores librerías (frameworks) de javascript es jQuery (opinión personal), ya que esta permite generar animaciones rápidas, interactuar con AJAX y manejar todo tipo de elementos del DOM. Hace poco me encontré que jQuery ha estado extendiendo su librería implementado objetos UI, cosas importantes es que esta extensión son:

• Sus componentes permiten interactuar desde efectos de bajo a nivel hasta temas completos y customizable.
• Al utilizar los componentes de ui.jQuery solo utilizas los componentes que necesitas (ahorros de kb innecesarios).
• El site de jQuery provee una aplicación donde puedes configurar tus propios temas e previsualizar los cambios inmediatamente.

En fin, para que lo vean por ustedes mismo les dejo el enlace: http://ui.jquery.com/.