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

Efecto glossy con Javascript

He encontrado en Netzgesta, un interesante artículo sobre cómo convertir botones normales en botones tipo glossy.

Ya hablamos en su día de la tendencia en diseño web que supuso este tipo de efecto, brillos, sombras,…  Se trata de un scipt que redondea y da brillo a cualquier imagen que coloquemos en la web.

El resultado final es muy bueno, lo que luego tendréis que valorar es si merece o no la pena para vuestro caso particular, ya que en ocasiones consumirá mucho menos peso trabajar esas imágenes en photoshop.

Ver post original y descargar js

Share and Enjoy

Menús gratis en JQuery, Ajax, CSS,...

Con el desarrollo de tecnologías como las CSS, JQuery, Ajax, Mootools,… el abanico de posibilidades para diseñar menús ha aumentado hasta llegar a conseguir verdaderas maravillas. Hoy en día podemos diseñar menús en los que habrá que hacer uso del botón derecho del ratón para comprobar si se trata de flash. Movimientos fluidos, cambios de opacidad, desplazamientos de textos,… mil opciones que hasta hace muy poco sólo nos lo podíamos permitir con tecnología flash.

Además de la indiscutible vistosidad que proporcionan, no nos penalizan en los resultados de búsqueda, ya que con muy poco código podemos hacer uso de menús con la misma apariencia para el navegador que si de un simple html se tratase.

Podemos hacer “trucos” con CSS realmente vistosos o llegar a verdaderas complejidades realizadas en Ajax, pero siempre consiguiendo un resultado vistoso, usable y sin perjuicios a la hora del posicionamiento.

En 1stwebdesigner.com, podéis encontrar una recopilación de más de 300 ejemplos de menús con Jquery, CSS,….

Share and Enjoy

Mootools, moderniza tu web.

Si como yo volvéis ahora de vacaciones (mis condolencias….), y habéis conseguido recargar pilas, os recomiendo esta increíble librería que hará vuestros sitios más vistosos y usables.

Mootools es una librería de javascript que nos permite construir aplicaciones web modernas y compatibles con cualquier navegador. Mootools es un código abierto, lleno de posibilidades y fácilmente adaptable a tu web.

CONTINUAR LEYENDO “Mootools. Imprescindible.” »

Share and Enjoy

Hasta ahora las animaciones en web eran exclusivas del flash, pero con la entrada del Ajax y de bibliotecas como jQuery, ahora podemos ver animaciones que nos hacen dudar sobre cual de las dos tecnologías ha sido la elegida para realizar la animación.

Esto fue lo que me ocurrió al ver esta web, jwhanif.net La carga es muy rápida y las animaciones tienen una fluidez increíble, como no podía ser de otra manera, mi primera reacción fue pulsar el botón derecho del ratón para comprobar que se trataba de flash… pero no!!

CONTINUAR LEYENDO “Javascript Vs Flash” »

Share and Enjoy