Showcase Of 30 Sweet Email Newsletter Designs | SpyreStudios.

Integrae empieza a ser mi palabra favorita, porque supongo que al igual que yo, muchos de vosotros utilizáis varias redes sociales, sobre todo Facebook.

Al pasarnos a Google+ nos damos cuenta de que el botón compartir, solo comparte con otros círculos. En Facebook, compartir sólo comparte con tus amigos…. Ambos mundos están aislados.

Por eso surgen aplicaciones como Hootsuite o TwitDeck, para integrar todos los universos (porque mira que son grandes) sociales que hay en la red.

Con estos “integradores” sí que es posible escribir algo y publicarlo en varias redes al mismo tiempo. Es algo básico si quieres tener a todos tus admiradores al día.

Sí que es posible, desde Google+ ver el muro de fb o desde fb ver los twits, pero, nadie echa en falta los botones de compartir con otras redes? A mi me parece fundamental, sobre todo para Google+ si quiere vencer a fb.

Me gustaría acceder a una sola de las redes…., en mi caso Google+, poder ver mi cronología de twiter, el muro de fb y el de Google+, incluso mi blog ordenados por tiempo. Si veo algo interesante, me gustaría compartirlo en todas las redes que elija y no volverme loco recorriéndolas todas o utilizando hootsuite.

En mi opinión, si Google+ consigue esto, facebook desaparecerá y también los integradores….

Tanto buscar por internet algún preloader ya hecho, más que nada por no perder el tiempo, y al final lo he perdido: no encontré ninguno que me gustara.

• malsup blockui. No hubo forma de que se mostrara mientras se carga la página.
• QueryLoader. Un plugin, demasiado para lo poco que quería hacer. Este tiene una animación muy elegante mientras hace la carga de la página.

Todos los que encontré son más adecuados para hacer las precargas de llamadas ajax o de carga de imágenes en zonas concretas de una página, pero no para la precarga de la página completa.

Al final me he hecho uno:

Primero una capa en que ocultará toda la pantalla, para mostrarla mientras se carga la página.

<div id=“preloader” style=”z-index:40000;position:fixed;height:100%;width:100%;background-color:#fff;opacity: 0.9;filter: alpha(opacity = 90);”>

<div id=“preloaderWrapper” style=”width:150px;margin:20% auto;text-align:center;background:none“>

<img src=“<html:rewrite page=‘/images/logoAnimado.gif’/>“ width=“150″ /><br/>

<img src=“<html:rewrite page=‘/images/loading-grey.gif’/>“/>

</div>

</div>

Con jQuery, al final del método

$(document).ready(function() {

…..

$(“#preloader”).delay(700).fadeOut(“slow”);

}

El delay es sólo para que se retrase un poco y de tiempo a ver el gif animado de carga.

Sólo hay una cosa que no me gusta, en IE6, el gif animado no se ve en movimiento hasta que no finaliza la carga de la página, que es precisamente, cuando desaparece el gif, mala suerte.

Así que aquí está el truco para conseguirlo, la solución es utilizar sombra paralela.

Yo pensaba que la sombra sólo se podía poner en una dirección, pero…. se puede conseguir que aparezca alrededor del recuadro.

3 Ways of Testing SEO With PPC | Certified Knowledge.

Creative Use of Video in Web Design: Background Videos – Smashing Magazine.

Typography On Web: Cufon And @font-face Resources And Guides.

Drupad, bring Drupal on the go • Drupad.

dzone.com – Google’s “Dart” on the JVM.