Cargador de vídeos en jQuery

El diseño web con jQuery además de haber conseguido una mayor usabilidad y velocidad de navegación, nos proporciona una infinidad de soluciones a cuestiones que hasta ahora eran muy laboriosas y pesadas tanto de elaborar como a la hora de cargar la página. Hoy os dejo el dualSlider, otro slide en este caso utilizado como cargador de vídeos que además de ser muy vistoso, nos permite añadir acciones muy útiles a la vez que reproducimos nuestros vídeos (textos y titulares adicionales, reproducción automática…)

El paso de un vídeo a otro puede ser manual o automático, pudiendo además controlar fácilmente la velocidad de transición de uno a otro.

Por supuesto que código gratuito listo para funcionar. Podéis ver el funcionamiento y descargar todos los archivos necesarios en  http://www.hugoandcat.com/DualSlider/index.html

Si queréis ver otros slides en este blog de diseño, visitad los siguientes post

Share and Enjoy

SlideDeck

Un buen diseño web ha de adaptarse al perfil del usuario que lo va a utilizar y a las necesidades del producto que queremos mostrar, para esto, debemos de estar siempre a la última, ver todas las tendencias y todas las nuevas herramientas que nos ofrece el desarrollo web, en este caso y una vez más, utilizando jQuery.

Hoy os dejo una verdadera joya, el SlideDeck, una nueva forma de mostrar el contenido de una web que últimamente se está poniendo de moda, es muy intuitivo, elimina la sobrecarga de información dando una mejor experiencia de usabilidad e incluso hace divertido interactuar con él.

Es ideal para mostrar diferentes destacados en una página, o incluso, podríamos usarla para hacer enteramente la web dentro de ella (para pequeñas webs de información).

Además de espectacular, es súper usable, ya que por ejemplo podemos cambiar de información moviendo la rueda del ratón.

• Ver y descargar el código SlideDeck

Share and Enjoy

Usabilidad Web para Móvil

No podemos hablar de un diseño de web para móvil estándar, porque la disparidad de posibilidades que pueden ofrecer los distintos terminales móvil es enorme.

Nada tiene que ver la experiencia de navegación entre un terminal estándar,  no tactil de pantalla pequeña al uso de un iPhone, por ejemplo. Y lo peor de esto es que frenta la inmensa comodidad de navegación que ofrece un iPhone o un Android táctil, la mayoría de los usuarios (alrededor del 80%) tiene terminales del tipo estándar, con una horrible usabilidad web.

Además de esto, tenemos una gran franja diferencial entre velocidades de descarga.

También podemos hablar de la incompatibilidad existente entre la visualización de un sitio web en un sobremesa y en un dispositivo móvil. No podemos hacer webs para móviles con imágenes tan grandes y pesadas como se están haciendo hoy en día en webs y blogs. La limitación del tamaño de la pantalla choca frontalmente con la tendencia de grandes fuentes e imágenes.

Otro factor diferencial es el técnico. Terminales que no muestran flash o vídeo,  que no ejecutan scripts,…

Entonces, ¿qué es lo correcto?, ¿debemos hacer una web para cada tipo de terminal?, ¿no vale la web que tengo para ser vista en el móvil?,…

CONTINUAR LEYENDO “Usabilidad en una web para móvil” »

Share and Enjoy

Diseño Retro con Mootools

El diseño web con Ajax no tiene límites, hoy os dejo un increible reloj retro creado en Mootools.

El diseño retro está muy logrado, incluso deja caer sus números con un efecto “flip”, como aquellos paneles del aeropuerto que marcaban los números de los vuelos y sus retrasos.

CONTINUAR LEYENDO “Reloj retro con Mootools” »

Share and Enjoy

Magia con jQuery

Ya conocéis mi debilidad por usar Ajax en diseño web, me parece una solución que además de dar usabilidad a nuestra web, nos da oportunidad de sorprender al usuario, captando así su atención.

En esta ocasión vamos a hablar de unas cuantas librerías para hacer animaciones.
Muchos de los ejemplos que vais a ver están en bruto, es decir, no llevan nada de diseño, en vosotros estará el hacer que esas animaciones sean todo lo espectaculares que vuestra imaginación os sugiera.

CONTINUAR LEYENDO “Diseño Web. Animación con jQuery” »

Share and Enjoy