El Boom de los efectos Web

Estamos ante un boom de efectos en la Web (jQuery, Ajax, Mootools, Prototype, etc.), divs que se refrescan sin refrescar la pagina completa, cajas de texto que se arrastran, que flotan, contenidos que se deslizan, decenas de efectos y mensajes de alerta muy cools, con colores y sombras que nos hacen sentir por momentos dentro de otro sistema operativo.

Pero bien, me pregunto que tan recomendable es usar estos efectos y scripts para mejorar la experiencia del usuario.

En este momento no he metido nada de ello en el blog, pero siempre que pienso en cambiar algo, me pregunto una y otra vez si valdrá la pena ser parte de ese boom y que tanto valoran los usuarios todo esto.

Por que nosotros como desarrolladores podemos verlo muy cool un efectito aquí y otro por allá, pero ¿y el usuario? ¿Alguien ya hizo algún estudio al respecto?

Me gustaría conocer tu opinión como desarrollador y como usuario y por supuesto, que tutoreales o artículos recomiendas, para hacer un buen uso de estos métodos.

Publicado el 11 de Julio del 2007 en ajax aplicaciones javascript encuesta

15 Comentarios

Personaliza el titulo de tu sitio con javascript.

Desde que comencé a navegar por los blogs se me ha creado el habito de darle click al titulo del blog para regresarme a la pagina de inicio, sin embargo en un gran numero de blogs la cosa no funciona así.

Tienen un titulo o logo del blog estático e integrado a su menú o contenido un enlace para regresar a la pagina inicial.

Habito bueno o malo, aun lamentablemente lo sigo haciendo en algunos sitios nuevos. Ahora para el nuevo rediseño estuve buscando la manera de hacer eso posible en mi blog, ya que mi titulo anteriormente era estático también.

Encontré que con Javascript es posible solucionar la interrogante, he aquí el código XHTML/Javascript y CSS que utilizo para esa tarea.

Código XHTML/Javascript

<div id="titulo"
 onclick="window.location='http://www.stanmx.com/';" 
title="Pagina Principal">
  <h1><span>Stanmx</span></h1>

  <h2><span>Buscando la Accesibilidad.</span></h2>
</div>

Código CSS

#titulo h1{
  background: transparent url(../images/titulo.gif) no-repeat top; 
  width: 190px; 
  height: 52px; 
  margin-top: 10px;
  margin-left: 25px;
  margin-bottom: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
}

#titulo h1 span,#titulo h2 span {
  display:none;
}

Sugerencias y aportaciones en los comentarios.

Publicado el 11 de Diciembre del 2005 en javascript

0 Comentarios