elWebmaster.com

Aunque suene estéticamente extraño, lo cierto es que utilizar un mapa de Google Maps a gran escala como fondo de tu sitio web puede verse mejor de lo que crees. En este artículo te mostramos cómo utilizar propiedades de CSS como z-index y position: absolute para lograrlo. Seguir leyendo

Antes que Google desembarque en Buenos Aires con su Street View, Mapplo.com se adelanta y nos permite recorrer la ciudad a través de fotografías panorámicas de los barrios porteños.

Tendremos la posibilidad de rotar la fotografia en 360 grados y hacer zoom, además de un práctico buscador con el que podremos localizar cualquier dirección que queramos consultar. Seguir leyendo

En los sitios web de una compañía a menudo se utilizan mapas para mostrarle a los clientes dónde los pueden encontrar. Para esto, Google Maps es excelente.

Pero ¿No sería genial añadir el logo de nuestra compañía, los estacionamientos cercanos, las estaciones de trenes, y otros datos alternativos en el mapa para ayudar más a los clientes? Seguir leyendo

Las infografías son una gran manera para que la gente realmente vea los datos. El uso de elementos de diseño visual puede simplificar la información compleja y hacer que sea más fácil de digerir.

En esta nota, te mostramos 13 infografías que presentan información y datos útiles para todos los trabajadores de la web, y para ti también ya que puedes utilizarlas como fuente de inspiración en tus diseños. Seguir leyendo

Si estás diseñando un sitio web y necesitas incorporar un mapa para aclarar la forma de llegar a algún sitio en particular UMapper te puede llegar a resultar de gran ayuda.

UMapper es un servicio web que mediante un plugin para WordPress nos da la posibilidad de realizar en Flash mapas de una determinada localidad que luego podremos embeber en nuestro sitio web.
Seguir leyendo

Yahoo! ha lanzado un nuevo sistema de geolocalización para bloggers y desarrolladores: Fire Eagle (¿a alguien le suena familiar el nombre? ^_^). La idea es que esta plataforma permite a los programadores (y usuarios) sindicar su ubicación geográfica actualizada, llevándola a blogs, redes sociales y demás aplicaciones.

Fire Eagle permite elegir si queremos mostrar un mapa con la dirección exacta, solamente en qué ciudad estamos o no mostrar nada. Podemos integrarlo en nuestro blog, en nuestro perfil de Facebook, MySpace o en cualquier otra aplicación, actualizando los datos cuando queramos deste cualquier computadora o dispositivo móvil.

Otra novedad del famoso servicio de geocoding de Google. Cuando quieras saber qué camino tomar para llegar de un punto a otro del mapa, además del sentido del tráfico (para los automóviles) puedes elegir “ir a pie”. En este caso se te informará el tiempo que tardarás en llegar (tomando como promedio 12 minutos por kilómetro).

Algo gracioso es que al elegir la opción de ir caminando, Google Maps tira un mensaje el color rojo que dice “sea precavido al caminar en áreas poco familiares”. Luego de ver eso mejor me tomo un taxi ^_^.

“Una imagen vale más que mil palabras” dijo no se quién y no se equivocaba. Estarás de acuerdo en que mejor que sólo mostrar una dirección de contacto en tu sitio web es mostrar una imagen de “cómo llegar”. Y si además puedes contar con un mapa interactivo, todavía mejor ¿no?

Puede que no sepas lo fácil que es agregar una ventana de Google Maps en tu sitio y sólo por eso no lo hayas hecho aún. Es tan fácil como incrustar un video de YouTube y permite a tus usuarios conocer la mejor ruta para llegar a tu negocio, por ejemplo. Sigue este sencillo tutorial para incluir Google Maps en tu sitio web. Seguir leyendo

No necesariamente tiene que tratarse de un mapa geográfico, sino que puede ser cualquier mapa de imagen que al pasar el puntero del mouse por encima despliegue información adicional, otras imágenes, etc. Todo con CSS.

En la web de MikeCherim.com tenemos un ejemplo para que veamos cómo funciona y también desde allí podemos descargar los archivos XHTML y CSS necesarios para que revises el código y lo uses en tu sitio web. Haz clic aquí para ir al sitio.

Information Architects presenta un mapa interactivo de las empresas Web 2.0 con casi 300 sitios web con links, capturas de pantalla y más, para que uses en tus proyectos, lo imprimas y lo pegues en la pared de tu habitación u oficina o lo pongas de wallpaper en tu PC.

También puedes comprar a través de Internet la versión impresa de tamaño A3 o A0, para usar como póster. Yo creo que lo más interesante es que han ubicado los sitios 2.0 según el mapa de trenes de Tokio, pero concordando con la clase de empresas y servicios que son.