Desen Web

Vídeo breve sobre la historia de Internet. Parece que haga tiempo que existe pero a penas tiene 20 años, y si hablamos de redes sociales, programas p2p, internet movil…. a penas llegamos a los 10

Otro video interesante, que ya corre por varios blogs, es la historia de Google contada en 2 min:

Conjunto de más de 600 iconos que se pueden utilizar para cualquier mapa con estilo.

El conjunto está muy bien clasificados y sin duda lo recomiendo para utilizar en google maps.

… por si alguien no recuerda como poner un icono en un mapa de google tan solo tenemos que incluir este script en la función que genera el mapa:

var fIcon = new GIcon(G_DEFAULT_ICON);
fIcon.image = “http://google-maps-icons.googlecode.com/files/cruise.png”;
fIcon.iconSize = new GSize(27,27);     // Tamaño del pixel
fIcon.iconAnchor = new GPoint(27,14);  // Posición donde queremos que actue el puntero
fIcon.shadow=null;
markerOptions = { icon:fIcon };
map.addOverlay(new GMarker(new GLatLng(Pos_X, Pos_y), markerOptions));

Para realizar el efecto de zoom en una imagen tan solo tenemos que utilizar una sencilla función, pero a veces una función nos puede ir mucho mas rápido que un pluguin o cualquier clase de código complicado.

La función la podéis encontrar en link

Yo he realizado unos pequeños cambios para que pueda ser compatible con todos los IE y para poder modificar la zona donde debe salir nuestro zoom:

Para ser compatible con IE, modificar:  css(’backgroundColor’,'rgba(0,0,0)’) por css(’backgroundColor’,'rgb(0,0,0)’) ya que la propiedad alpha no es compatible con IE (la solución seria utilizar otra propiedad propia de IE)

Para poder modificar la colocación del zoom modificamos:

var loupe = {’width’ : 200, ‘height’: 150};

Por:

var loupe = {’width’ : 200, ‘height’: 151, ‘left’: -200, ‘top’: 10};

Y la:

$(’#thejLoupe’).css(’left’,e.pageX+10).css(’top’,e.pageY+10);

Por:

$(’#thejLoupe’).css(’left’,e.pageX+loupe.left).css(’top’,e.pageY+loupe.top);
De esta forma podemos situar nuestro zoom donde querramos. Incluso en vez de utilizar-lo como zoom podemos hacer salir el contenido HTML que querramos.

Ejemplo:

Nuevo pluguin jquery para hacer precarga de paginas. Substituye el típico gif “Cargando…” por el efecto que produce este pluguin. Realiza un sencillo efecto de precarga que nos puede ser muy útil para evitar una carga lenta o descuadrada de nuestra web.

Caracteristicas

• Precarga de una página web entera.
• Precarga de una parte de la página
• Obtiene todas las imágenes y bacgrounds de tu css
• Fácil de implementar
• Barra de carga ajustable
• Compatible con los últimos navegadores (incluso IE7 y IE6)

Pluguin completo y código fuente en Gaya blog

Demostración