JQuery: Una de plugins para menús animados

10 de Diciembre de 2009 | Etiquetas: , , | Categoría: Javascript

Hay veces que los menus realizados solo con html + css se nos quedan cortos, y si preferís (como yo) evitar tocar Flash os va a venir muy bien tener a mano estos plugins con los que realizar menus (horizontales, verticales, etc) de efectos muy resultones.

5 menus con efectos en jquery

1. Lavalamp (DemoDescarga)
2. MenuMatic (DemoDescarga)
3. Slick Animated Menu (DemoDescarga)
4. iPod Style Menu (DemoDescarga)
5. Fancy Navigation (DemoDescarga)

¿Cual os gusta más? Yo no sabría decidirme :P

Twittea esto Guardalo en Delicious Compartelo en Facebook

Video2Brain: Cursos online y en español

9 de Diciembre de 2009 | Etiquetas: , , | Categoría: Interesante

video2brain

Video2Brain es una página de la que había oído hablar, pero a la que no le había hecho mucho caso hasta hace un par de días que encontré el disco que nos regalaron en Subflash escondido en los cajones de mi escritorio.

Mi sorpresa fué descubrir 5 horas de videotutoriales en español sobre diversos programas (Photoshop, Fireworks, etc) y lenguajes de programación (HTML, PHP, etc). Me puse al lío y acabé viéndolos todos, y es que explican las cosas de forma muy amena y clara.

Es un servicio de pago pero con precios muy variados cuya calidad merecen la pena, y los formadores ya ni os cuento: Andrés Cayón, Marcos González o Jorge Mochón entre otros, de lo mejorcito lo mejor.

Pero no todo es pagando en esta vida xD también podéis ver algunos de los videotutoriales gratis a través de su podcast o los muchos tutoriales escritos que dejan en su blog. Recomendables al 100% :D

Twittea esto Guardalo en Delicious Compartelo en Facebook

¿Donde hacen click? Herramientas para la usabilidad

30 de Noviembre de 2009 | Etiquetas: , , | Categoría: Usabilidad

Heat Map

Primero de todo saber qué es la usabilidad, dicho con mis palabras es la facilidad que tiene un usuario a la hora de desenvolverse por una web (en este caso), a la hora de darle uso. El análisis de esta nos ayuda a poder comprender los movimientos del usuario por nuestra página e identificar que puntos son los más llamativos, cuales están ocultos, etc.

Existen diversas herramientas para poder analizarla pero hoy me quiero centrar en los Heat Maps, mapas de calor que nos muestran de manera gráfica las zonas en las que los usuarios hacen click por nuestra web.

Pero vamos al grano, aquí tenéis unas cuantas formas para analizar los clicks:

Mediante webs de análisis:
- ClickTale dispone de varios planes, uno de ellos gratuito que aunque tiene limitaciones (solo reproduce las 2 primeras paginas por visitante, muestra el heat map solamente del index, etc) nos soluciona la papeleta a los bloggers.
- Crazy Egg no dispone de cuenta gratuita, pero sus tarifas son bastante económicas, desde 9$ al mes podemos rastrear hasta 10.000 visitas mensuales. Si os interesa, podéis ver una demo de sus análisis.
- Clickdensity con tarifas más económicas que los anteriores (5$ las 10.000 visitas) y demo online para ver su funcionamiento.

También hay disponibles varios plugins para WordPress, entre ellos WP Click Tracking, WordPress Heat Map plugin o Outbound Click Tracker son los mas nombrados.

Y por último os hablo de ClickHeat, ya que no es ni una web ni un plugin sino una aplicación web que debemos instalar en nuestro servidor, es importante disponer de bases de datos. También tenéis demo (demo/demo) para visitar.

Yo personalmente me he decantado por Clicktale y su versión gratuita, los plugins aunque son una opción cómoda no creo que estén tan desarrollados como los servicios vía web. Su registro es sencillo, dos pasos y un código js para insertar en nuestra web, uno al principio de la etiqueta <body> y otro antes de su cierre. Le damos un poco de tiempo para que entren visitantes y recopile información y ya podemos saber donde hacen click nuestros lectores.

¿Conocéis otras herramientas? ¿Habéis probado estas? Contarme contarme :D

Twittea esto Guardalo en Delicious Compartelo en Facebook

Google Wave, algo más que un chat?

16 de Octubre de 2009 | Etiquetas: , , | Categoría: Google

Pantallazo de Google Wave

Hacen ya unos días que Google lanzó la versión alpha de su nueva estrella Google Wave y por fin anoche me llegó una invitación ¡Gracias @andreskarp!.

Los primeros momentos son un poco de descontrol, pues empiezas a agregar contactos y les envías “waves”, luego se van añadiendo mas contactos a la conversación, y entonces alguien se da cuenta de que puede editar y hasta eliminar lo que escriben los demás.. ahí ya se termina de liar la cosa.

Otra curiosidad es que puedes ver lo que escriben en tiempo real, es decir ves cómo aparece letra a letra lo que van escribiendo antes de que lo envíen. Esto sinceramente creo que es una putada xD

Vale, ya tienes Google Wave y ya has hablado con tus amigos un rato ¿Ahora qué?

Pues vamos a añadirle unas cuantas extensiones, aquí debemos saber que las hay de dos tipo: gadgets que son más del tipo gráfico por ejemplo juegos, y robots que son un contacto más con el que puedes interactuar, sólo que según el tipo de robot y lo que le escribas te contestará una cosa u otra.

¿Cómo añadir un gadget?
En el wave que quieras añadirlo debes clicar sobre el botón verde con forma de pieza de puzzle, ahí te aparecerá un campo de texto en el que debes poner la dirección .xml del gadget, y listo.
Podéis probar con este gadget del juego Conecta 4:
http://wave-projects.googlecode.com/hg/gadgets/wave-connect-four-installer.xml
Para eliminarlo tienes que editar el wave en el que lo pusiste y clicando sobre el gadget te aparecerá la opción de eliminarlo.

¿Cómo añadir un robot?
Esto es más sencillo aún, debes añadirlo cómo si de un nuevo contacto se tratara.
Por ejemplo, añadiendo bitly-bot@appspot.com cada vez que le enviéis una URL os la acortará, o añadiendo tweety-wave@appspot.com podréis twittear desde Wave, aunque esto último no lo recomiendo, lo veo muy lioso para mi gusto.
Y para eliminarlo, igual que a los contactos, haces click sobre el enlace “Manage contacts” y desde ahí lo eliminas.

Un detalle curioso, si añades with:public al campo de búsqueda te mostrará un listado de waves públicos, tienes para entretenerte toda la tarde xD Por cierto, un wave sólo se convierte en público cuando se une a la conversación al contacto public@a.gwave.com, no temáis que no os verán vuestros waves así porque sí.

Y ya sabéis si alguno/a tenéis una cuenta Wave ya podéis ir añadiéndome :D

Twittea esto Guardalo en Delicious Compartelo en Facebook

7 pages