Google Font Directory: Nuevas fuentes en tu web

20 de mayo de 2010 | Etiquetas: , , | Categoría: Google

Google Font Directory

Estos días Google está presentando bastantes novedades, y una de mis preferias es el Google Font Directory.

Nuestro querido Google recopila 18 fuentes (seguro que irá añadiendo más) para que podamos implementar, de manera sencilla, en nuestra web.

Ya conocíamos otros métodos para poder incluir nuevas fuentes (y olvidarnos de la Arial y la Times por un ratito), pero siempre utilizando una tecnología adicional (llámese Javascript). Con esta nueva opción simplemente tenemos que añadir el enlace a la hoja de estilos que nos indican, especificando la familia de la fuente a utilizar:

E indicarla en el css como si de una fuente predeterminada se tratase:

h1 { font-family: 'Droid Sans', arial, serif; }

¿Sencillo, verdad? Por mi parte estoy encantada! :D

Os dejo el enlace a la guía rápida y deciros que es compatible con Chrome, Firefox 3.5+, Safari 3,1+ e Internet Explorer 6+.

Twittea esto Guardalo en Delicious Compartelo en Facebook

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

7 pages