A la hora de integrar los servicios sociales de Facebook en una página web los desarrolladores disponían de dos métodos, o bien usando los archiconocidos iframes o usar el FBML, un lenguaje de etiquetas propio de Facebook que se reemplazaban en el código mediante la carga de un javascript.

Tras desarrollar este lenguaje de etiquetas y fomentar su uso entre los desarrolladores ahora Facebook cambia su estrategia y anuncia que “a partir de final de año no se podrán crean nuevas aplicaciones usando FBML, así que toda integración con las aplicaciones y páginas se realizarán mediante iframes y el JavaScript SDK“.

Aunque la utilización de pestañas en el navegador nos permite visitar múltiples sitios web bajo una misma ventana, la verdad es que cuando se tienen muchas abiertas la navegación entre ellas se vuelve una pesadilla y cuesta localizar el contenido. Mozilla nos presenta TabCandy, su intento para organizar y simplificar la navegación entre pestañas, probablemente disponible para la versión 4 de su navegador Firefox.

TabCandy es un panel en el que podremos organizar todas nuestras pestañas abiertas y agruparlas en secciones. Desde un icono en la barra superior accederemos a esta vista en la que las pestañas se encuentran organizadas por grupos a nuestro gusto, donde cada sección tiene un nombre que nosotros definimos y ajustamos en posición y dimensiones.

Una de las peticiones más solicitadas por los usuarios del servicio de correo Gmail era la posibilidad de dar formato a las firmas, para poder insertar imágenes, alineación del texto, negritas, cursivas, enlaces…

Las peticiones han sido escuchadas y, aunque algo tarde, ya es posible diseñar una firma HTML en nuestras cuentas de Gmail. Desde el apartado de opciones podremos asociar una firma enriquecida a cada cuenta de correo asociada a nuestra cuenta de Gmail.

La nueva funcionalidad está disponible de momento solo en la última versión de Gmail (no para la versión HTML o móviles).

Vía: Gmail Blog

He creado un pequeño ejemplo para mostraros tres de las nuevas propiedades que encontraremos disponibles en CSS3: las transformaciones, las transiciones y las sombras. El ejemplo friki reproduce la animación del título en la introducción de la serie Lost (como tributo a su finalización).

Aviso: Este ejemplo solo funcionará en aquellos navegadores que ya tengan implementadas estas nuevas propiedades de CSS3, como por ejemplo Firefox 3.7, Safari 4, Chrome 5 y Opera 10.

El ejemplo muestra el texto LOST inicialmente con una opacidad, tamaño de fuente y rotación. Cuando se posiciona el cursor sobre el texto gracias a la propiedad transition aplicaremos una animación que cambiará estos tres valores iniciales y le añadirá una sombra al texto.

El código CSS necesario sería:

div{
-webkit-transform: rotate(-15deg) scale(1) skew(0deg);
-webkit-transition: all 3s ease-in;
}
div:hover{
text-shadow: 3px 3px 5px #CCC;
-webkit-transform: rotate(20deg) scale(1) skew(-30deg);
}

De este modo estaríamos indicando que el texto inicial tiene una rotación de -15 grados, sin plegamiento y sin escalado. La transformación que se va a aplicar afectará a todas las propiedades (all), durará 3 segundos y como se comportará durante el tiempo de animación (en este caso ease-in).

El punto final de la animación lo asignamos en el div:hover. Aquí indicamos una sombra para el texto (posición izq/der, posición arriba/abajo, tamaño y color) y la transformación final del texto.

Demostración | Descargar [55]

Esto que estais viendo aquí arriba es el resultado de Blackbird, la nueva idea de Twitter para incrustar mensajes de microblogging en páginas web como si se tratasen de citas pero con una cuidada apariencia.

A través de la dirección URL de un mensaje de Twitter (por ejemplo http://twitter.com/d0lcebita/status/13417633310) la herramienta construye un código HTML para copiar en cualquier sitio web. La verdad es que la cantidad de código que genera para un mensaje parece una locura, pero el resultado final queda muy visual y, si conoces un poco de CSS, siempre lo puedes adaptar a tu gusto.

Para obtener el código necesario para embeber un tweet tienes dos opciones: o accedes a http://media.twitter.com/blackbird-pie/ e introduces la dirección del mensaje o bien puedes añadir el marcador desarrollado por Xavier Damman a tu barra de favoritos y cuando estés visitando un mensaje lo pulsas para obtener directamente el código.

Una peculiaridad de Blackbird es que al ser un código HTML generado, aunque el autor elimine el tweet, siempre se visualizará en tu web. Además, los enlaces del mensaje, el perfil del usuario y la herramienta con la que se realizó la actualización serán completamente funcionales.

El desarrollador David Kaneda ha publicado la nueva versión (beta) de su proyecto open source jQTouch, un plugin para el framework jQuery que ayuda a desarrollar aplicaciones para el iPhone usando HTML, CSS, y Javascript.

Esta nueva versión se acompaña con nuevos temas visuales y demostraciones de uso (como un gestor de tareas). Además se ha dado soporte para nuevos eventos, nuevas transiciones entre las páginas, detectar el cambio de orientación y controlar el deslizamientos con el dedo sobre un elemento.

Una nueva opción del plugin permite arrancar la página a tamaño completo y mostrar una imagen mientras la aplicación se carga, ofreciendo un toque visual mucho más profesional y que nos hace olvidar de que se trata de una aplicación web.

jQTouch está escrito en HTML5, CSS3, y jQuery y el autor indica que funciona en los dispositivos iPhone, Android y Palm Pre. ¡Gracias David!

Más información, video de demostración y descarga en la web oficial del proyecto.