jQuery and Google Maps

Publicado por Nikko el dia 18 Mar 2009 - Guardado en Scripts, jQuery Leido 5,116 Veces

jgmaps.jpg

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

Snazzy Archives – Da estilo a tu página de archivos de Wordpress

Publicado por Nikko el dia 11 Mar 2009 - Guardado en Plugin, WordPress Leido 4,105 Veces

sarchive.jpg
Snazzy Archives, un plugin Wordpress que nos permitirá transformar nuestra sección de archivos tradicional, por otra con estilo totalmente visual. Básicamente, la idea es cambiar los enlaces que mostramos por otros que contendrán foto, fecha y descripción, idea que hará que nuestros archivos llamen aun más la atención de nuestros usuarios. Creo que es una buena forma de simular las secciones de los periódicos online y hará que la navegación por nuestro blog sea mucho más divertida.

Caracteristicas

  • Presentación visual de los artículos del blog
  • Analiza y Busca las imágenes vídeos de youtube que contienen nuestro artículos, para luego mostrarlos en la sección junto al título y descripción.
  • Diferentes diseños editables (HTML y CSS)
  • Efectos atractivos usando jQuery
  • El almacenamiento en caché disponible para un acceso más rápido

Ver Demos y Descargas Snazzy Archives

Instalación y uso

  • Subir los archivos a nuestra carpeta de plugin / wp-content/plugins /
  • Ir a la página de complementos y activar el plugin.
  • Utilice la página Opciones para cambiar sus opciones
  • Utilice el código [snazzy-archivo] (sin un espacio) en un puesto o la página donde desea mostrar el archivo

Mostrar los archivos a pantalla completa

En primer lugar crear una nueva plantilla vacía, por ejemplo snazzy.php, la nombramos desde nuestro encabezado snazzy. Luego subir snazzy.php a la carpeta de nuestro theme y crear una nueva página en nuestro blog (escribir la página y seleccione la plantilla snazzy en lugar de la predeterminada, la opción de la plantilla se encuentra debajo del post con el nombre “snazzy”).

Contenido para nuestra Plantilla Snazzy.php

PHP:
<?php
/*
Template Name: Snazzy Archives
*/

?>
<?php get_header(); ?>
<p align="center">
<?php if (isset($SnazzyArchives)) echo $SnazzyArchives->display(); ?>
</p>
<?php get_footer(); ?>

ColorBox – Plugin jQuery de 12kb para montar lightbox

Publicado por Nikko el dia 11 Mar 2009 - Guardado en Diseño Web, Scripts, jQuery Leido 3,686 Veces

colorbox.jpg

Es realmente magnifico poder contar con diversas opciones a la hora de agregar efectos a nuestros proyectos online. Y es el caso particular de los lightbox, cada día surgen cantidad de alternativas con tantas ventajas como desventajas, y seguramente el motivo, será que es uno de los efectos mas utilizados en el desarrollo web. ColorBox es otro plugin para jQuery 1.3, ligero y personalizable que nos permitirá atractivos lightbox.Características interesantes de ColorBox

  • Soporta la utilización de fotos de forma individual o en grupos, Soporta ajax en línea, y contenido iframed.
  • Diversos Estilos. Apariencia completamente controlada a través de CSS, para que los usuarios puedan dar nuevos estilos a la caja.
  • EL comportamiento de los ajustes puede ser sobre-escrito, sin alterar el archivo de Javascript ColorBox.
  • HTML Totalmente discreto, no requiere cambios en los existentes HTML
  • Efecto atractivo, con discreto degradado.
  • Precarga de imágenes de fondo para evitar la inflamación de unstyled
  • Ligero: sólo 12kbs de JavaScript - sólo 2kbs gzip y minified!
  • Escrito en jQuery .
  • Genera XHTML y CS S válido

Ver Demos: 1 - 2 - 3 - 4 - Mas info y Descarga ColorBox lightbox

AJAX Newsletter Module

Publicado por Nikko el dia 11 Mar 2009 - Guardado en Ajax, Scripts Leido 2,346 Veces

newslettermodulo.jpg

Fantastic AJAX Newsletter Module, es una práctica y sencilla aplicación para gestionar boletines Informativos o Newsletter. Tan simple de utilizar, que solo es necesario alojarla en nuestro servidor para comenzar a utilizarla. Permite archivar todos los boletines enviados, gestionar direcciones de correo electrónico, gestionar categorías y configurar plantillas para correos electrónicos. Me ha resultado una opción muy práctica para aquellos que hace tiempo buscaban algo realmente simple. Es de código libre, asique pueden ayudar a mejorarla.

Ver demo - Descarga - Mas Info NET.tutsplus.com

Wp-Table – Crear tablas en Wordpress mucho más funcionales

Publicado por Nikko el dia 5 Mar 2009 - Guardado en Plugin, WordPress Leido 3,470 Veces

wptable.jpg

Si en alguno de sus artículos han internado montar una Tabla con estadísticas, Seguramente habrán notado lo tedioso que puede ser copiar y pegar una tabla realizada en Excel para añadirla a uno de nuestros post, no solo porque todo se descompagina sino porque el diseño será demasiado básico, al menos que hayamos previsto añadiendo estilo CSS. wp-Table es un interesante plugin Wordpress que nos ayudara a crear Tablas de una forma más sencilla, y mucho más funcionales. Nos permite mejorar su estilo a la hora de insertarlas en nuestros artículos y lo más interesante, nos permite importar archivos de Excel (CSV import.) lo que evitara que tengamos que añadir todo los datos de forma manual. Nota: No soporta aun WordPress 2.5

Mas info y demos - Descarga

WP CALENDAR Theme – WordPress como calendario de eventos

Publicado por Nikko el dia 5 Mar 2009 - Guardado en Themes, WordPress Leido 4,429 Veces

wp-calendar.jpg

Seguramente a través de sus blog corporativos se han encontrado con la necesidad de desarrollar una plataforma que les sea útil como calendario de eventos. Si han indagado un poco en la red, seguramente habrán encontrado útiles alternativas basadas en Motools, jquery y demás, que bien podrían ser buenas opciones, pero si se familiarizan con Wordpress puede que esta alternativa les atraiga mas, WP Calendar Theme, es un complemente de un theme y plugin Wordpress simulando un calendario de eventos, muy funcional, y con la ventaja, que al estar desarrollado en Wordpress, actualizarlo es realmente simple. Solo será necesario crear una nueva carpeta dentro de tu servidor, crear una nueva base de datos, subir tu plataforma Wordpress, instalar este nuevo theme y comenzar a publicar los eventos próximos que llevaras a cabo desde tu empresa.  Nota: Para descarga deben registrarse antes de forma gratuita.

Ver Demo - Mas info y Descarga by bustatheme