Marzo 19, 2009

Comentarios (0)

jQuery con Google Maps

jgmaps

jQuery and Google Maps, un interesante tutorial para aprovechar aun mas las características que posee Jquery y puedan crear en base a ellas un mashup de Google Maps. El tutorial explica muy bien como comenzar a implementar jQuery en el Interior de los mapas provistos por google. Sin bien los mapas de algunas regiones son realmente muy completos, aquí podremos añadir aun más información, lo que puede ser interesante para algún tipo de proyecto en los cual nos encontremos trabajando, algunos quizás relacionados a Turismo o Sociales en los cuales deseemos añadir aun mas información sobre la ubicación que intentemos mostrar.

  • Paso # 1: Obtener clave API
  • Paso # 2: Carga de Google Maps y jQuery
  • Paso # 3: Crear el Mapa de Google
  • Paso # 4: Cargar el ejemplo de Google Maps
  • Paso # 5: A través de marcadores de Loop y Básicos; Haga clic en Añadir marcadores de eventos

Ver Demo - Mas Info y Tutorial jQuery and Google Maps by Marc Grabanski

Via: Xyberneticos

Enero 31, 2009

Comentarios (0)

Fade in-out en jQuery

jquery-web-grafi-fade

Jquery Fade In.Fade Out – Liberia Jquery que nos permitirá añadir efectos de desvanecimiento a cualquier parte de nuestra web,  sea fotos, texto, imágenes o todo elemento dentro de una etiqueta DIV.  Los desvanecimientos se presentan en un 30% y al situarnos sobre el mismo lo lleva al 100%, haciéndolo visualmente muy atractivo para nuestros lectores y usuarios.

Ver DemosDescarga Script – Uso e Info Jquery Fade In.Fade Out

Enero 27, 2009

Comentarios (0)

Doblar tus esquinas con jQuery

sexycurlplugin

Cuando hablamos de diseño web, sobre todo en la fase propiamente de diseño en programas de edición de gráficos, es relativamente frecuente observar un efecto conocido como “page curl” o pliegue de página.

Para entendernos todos, es el efecto que observamos cuando pasamos las páginas de un libro por ejemplo.

Si quieres agregar un toque curioso a tu sitio web y agregar una esquina que se doble para mostrar el contenido de debajo te vendrá bien este plugin libre para jQuery creado por Elliott Kember.

Para hacerlo funcionar sólo necesitarás usar jQuery y jQuery UI (preferiblemente la versión 1.5) con el módulo resizable. Luego con un par de líneas de código y creando un elemento con id “target, que contendrá lo que quieras que se vea tras la página, estarás listo.

The Sexy Curls jQuery plugin: http://www.elliottkember.com/sexy_curls.html

Vía Ajaxian

Diciembre 7, 2008

Comentarios (0)

Deploy – Una forma fácil de crear la base de tus proyectos web

deplay.jpg

Deploy, una aplicación web open source que nos permitirá crear la base de nuestros proyectos web de la forma más simple posible. Básicamente nos permite crear una estructura base, incluyendo archivos y carpetas donde alojaremos nuestras imágenes, plugin jQuery, archivos incluídos, y demás opciones. Es muy simple y no hay mucho que pueda explicar, al ingresar al sitio por primera vez, veremos las opciones que nos ofrece Deploy, simplemente deberemos ir seleccionado aquellas que deseamos agregar a nuestro proyecto, y automáticamente se nos generara un archivo ZIP, listo para ser descargado que contendrá todos los archivos que hemos seleccionado. Sin duda, ya no comenzaras tus proyectos desde cero, nunca más.

Enlace  Deploy

Via webmasterlibre