Enlaces

Jueves, 27 d agosto d 2009.

Plugin para crear un Slider con Jquery Easy Slider

Un slider es un efecto javascript que nos permite ver en un mismo marco o bloque de una página una sucesión de contenidos que van desplazándose uno a uno dándonos el tiempo necesario para poder verlos. El efecto es parecido al comportamiento de los paneles de publicidad rotativos que vemos a veces en aeropuertos y centros comerciales.

Como desarrolladores, su uso nos va a permitir mostrar gran cantidad de información ocupando solo bloque de nuestra página web. Es un elemento muy usado actualmente en portadas de los sites para mostrar productos destacados o ventajas de los servicios que se ofrecen.

Si vas a incluir un Slider en tu página te recomiendo Jquery Easy Slider. Tiene opciones que tal vez nunca uses pero es muy cómodo de usar, limpio y nunca falla. CssGlobe ha hecho un gran trabajo y lo pone a disposición de todo el mundo gratuitamente. Visita su página y ¡apúntala en tus marcadores!

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces jquery

Autor:

Martes, 30 d junio d 2009.

crear panoramas de 360 grados esfericos en flash con pan0

pan0 es un motor de panoramas hecho en flash que nos permite insertar en nuestra web esas imágenes de 360 grados tan de moda hoy en día gracias a google street view. El motor es bastante sencillo, y lo que es mejor: gratuito. En nuestro html añadimos el objeto flash "pan0.swf" pasándole en la llamada los parámetros de configuración de nuestra vista en 360 grados: imágen a cargar, zoom permitido, grados de inclinación máximos de la imágen, etc.

Pero pan0 tampoco hace milagros, para funcionar tenemos que pasarle una única imágen en formato "equirectangular". Existen distintos programas que os ayudarán a crear este tipo de imágenes a partir de vuestras fotografías pero para echar un vistazo rápido nada más fácil que buscar en Flickr.com por "equirectangular".

En la web de pan0 podéis ver varios ejemplos de panoramas creados con esta herramienta e incluso cargar vuestras imágenes por url para ver como se verían en vuestra web.

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces

Autor:

Miércoles, 17 d junio d 2009.

Google Analytics Tracking API: Como funciona el Javascript de Google Analytics

La nueva API de Google Analytics, aparte de dar muchísima visibilidad sobre su herramienta aporta 2 bloques de posibilidades muy importantes a los desarrolladores. La más famosa y sonada ha sido la de poder extraer datos de sus informes mediante una API de exportación de la que han ido surgiendo distintas APIs e incluso para la que me atrevía hacer una pequeña Google Analytics Class para PHP.

La segunda y no menos importante, aunque si que ha pasado más desapercibida, es toda la documentación publicada sobre como usar el javascript de google analytics: la Google Analytics Tracking API. Por lo general nosotros al instalar Google Analytics copiamos un código javascript y ya dejamos la tarea por resuelta. De esta forma solo conseguimos trackear los datos para nuestra web de forma genérica pero ahora se nos abren muchas nuevas posibilidades sobre que información trackeamos de los usuarios. Algunos ejemplos serían: segmentar nuestros usuarios bajo nuestros propios criterios, trackear acciones ajax, definir campañas sin tener porque usar las variables en las urls que nos pedía antes Google, definir productos concretos a trackear (poniéndoles incluso nombres y precio), etc...

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces programacion seo

Autor:

Viernes, 12 d junio d 2009.

Crear plugins de Firefox con Javascript | Mozilla Labs Jetpack

JetPack es una plataforma creada por Mozilla Labs que permite a cualquier desarrollador web crear plugins para firefox en los lenguajes que está acostumbrado a manejar.

En su versión 0.2 ya nos permite realizar cualquier alteración de la web con jquery ya cargado de serie y nos brinda unos cuantos objetos para interactuar con el navegador: crearle botones para ejecutar los scripts, crear ventanas de notificación, generar sidebars con contenidos de otras webs, usar una memoria interna en el navegador para almacenar los datos, etc... Poco a poco va a convertirse en una forma muy potente de crear plugins así que es una herramienta que habrá que tener en muy cuenta de cara al futuro.

Lo mejor a mi modo de ver es que nos va a permitir permitir la instalación de los plugins a nuestros usuarios con una simple etiqueta html en el head de la página. Ya estamos tardando en descubrir distintas vías para sacarle partido.

[...]

¿Te interesa? Sigue leyendo...

1 Comentario, leeló

Temas Relacionados: Enlaces jquery

Autor:

Jueves, 04 d junio d 2009.

Llamar la atención de usuarios inactivos en tus páginas con jQuery idleTimer plugin

jQuery idleTimer plugin nos abre una nueva puerta de acciones para interactuar con nuestros usuarios. Se trata de un pequeño plugin que lo único que hace es mirar el tiempo transcurrido desde que el usuario hizo cualquier gesto con el ratón o presionó una tecla por ultima vez. A partir de ahí nos permite lanzar eventos en las páginas que se activen cuando el usuario pase X tiempo inactivo o regrese de su inactividad.

Esto nos va a permitir captar su atención de varias nuevas formas: podemos intentar que vuelva a prestar atención a la página tras un periódo de inactividad prolongado o mostrarle un mensaje cuando vuelva... Se me ocurren cosas como cajas modales, cambios de colores o incluso cargar y reproducir un mp3 a todo volumen con soundManager 2. Bien hecho (y sin pasarse), debería aumentar las posibilidades de que un usuario que ya no está pendiente de nuestra página vuelva a prestarnos atención.

Sería cuestión de testar como afecta todo esto a nuestras conversiones, ¿no?

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces jquery

Autor:

Miércoles, 03 d junio d 2009.

plugin de conjuntos de efectos Jquery | Jquery Tools

Jquery Tools es un "megaPlugin" para jquery que nos hará la vida mucho más fácil a la hora de crear distintos efectos sobre nuestras webs. Abarca una galería de los efectos más comunes con algún añadido especial interesante como es el "Expose".

En la web, se nos brindan gran cantidad de ejemplos para poder ver si el plugin nos interesa lo suficiente como para bajarnoslo. Algo de agradecer que no hacen todos y que nos va a ahorrar tiempo de pruebas innecesarias.

Gracias a jquery Tools vamos a poder crear fácilmente y de forma totalmente configurable: Pestañas muy configurables, Tooltips de todo tipo, el fantástico efecto Expose para resaltar contenidos de la web, Overlays de distintos tipos y distintas acciones de Scroll y uso de vídeos.

Un recurso interesante a tener apuntado en nuestros marcadores.

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces jquery

Autor:

Martes, 26 d mayo d 2009.

Blog de analytica web de Google

Google estrenó hace una semana un nuevo blog: Central de Conversiones. Donde según sus propias palabras "expertos de todo el mundo te estarán hablando de herramientas como Google Analytics, Website Optimizer, AdPlanner, Insights for Search y YouTube Insight [inglés], entre otros". Es decir, un poco de analytica web que no nos va a venir nada mal.

Se trata de una buena iniciativa por parte del gigante de Internet con la que aprender algunos truquillos. En los primeros posts vemos un poco de todo: tutoriales básicos, técnicas interesantes e incluso un poco de autobombo. Esto significa que no va a ser un blog que seguir diariamente pero si que parece lo suficientemente interesante como para apuntarlo a los feeds de lectura semanal.

A ver como sigue!

[...]

¿Te interesa? Sigue leyendo...

2 Comentarios, leelos

Temas Relacionados: Enlaces seo

Autor:

Sábado, 16 d mayo d 2009.

insertar mapas a vista de pajaro en tu blog | plugin Live Maps para wodpress

Microsoft Live Maps es el sistema de visualización de mapas de Microsoft. Por lo general se trata de un sistema peor y menos versatil que Google Maps pero tiene una carácteristica para algunas ciudades de la que el segundo carece: La vista de Pajaro.

La gente de Microsoft se dedicó en su día a sobrevolar algunas ciudades y tomar fotos desde el aire. El resultado es una vista de los mapas a una inclinación de unos 45 grados que nos permite ver en relieve las fachadas de los edificios y por tanto darnos una vista más familiar.

El siguiente es un plugin para wordpress que nos permite incluir mapas de Live Maps de forma sencilla y por tanto poder ofrecer a nuestros visitantes posts con zonas a vista de pajaro.

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces seo

Autor:

Miércoles, 06 d mayo d 2009.

mp3 con Javascript | SoundManager 2

SoundManager 2 es una librería destinada a permitirnos controlar desde javascript la carga y reproducción de archivos mp3 en una web.

Para conseguirlo, lo que hace es incluir un pequeño archivo flash oculto que es el que realmente se encarga de reproducir el archivo mp3. La gracia del invento está en que se genera un objeto javascript con el cual controlar las acciones del archivo flash. Así, conseguimos, en la práctica, controlar la reproducción de mp3 con javascript.

SoundMaganer 2, es una librería ideal para aquellos con necesidades multimedia, con buenas nociones de javascript pero con pocos conocimientos sobre flash. Tiene una API muy completa y muy bien documentada.

En las últimas versiones SoundManager ya no solo permite reproducir archivos mp3 sino que la tecnología flash se utiliza también para visualizar de distintas formas la música que está sonando.

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces jquery

Autor:

Jueves, 30 d abril d 2009.

jquery en PHP | QueryPath

QueryPath es una librería para PHP que imita gran cantidad de las funciones de jquery.

Está destinada a desarrolladores que están muy acostumbrados a manipular el DOM de las páginas con jquery pero no tanto con PHP. Gracias a esta librería pueden, en un lenguaje conocido cargar un html o xml interno o externo y aplicarle la manipulación o extracción de datos tipicos de jquery.

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces jquery

Autor: