El mundo de la interaccion web en cliente esta sufriendo hoy en día una revolución sin precedentes.

Hasta ahora, para reproducir una pelicula de video, o darle a nuestro portal la sensación de movimiento constante, interactuar mediante animaciones con el usuario, etc. Tansolo era posible con el uso de Flash, un sistema privativo con problemas bastante importantes, como puede ser la mala indexación por parte de buscadores, falta de compatibilidad con ciertos navegadores/Sistemas operativos y, como no, la privacidad propia de un sistema de pago impuesto por Adobe.

Con la aparición de frameworks javascript que proporcionan un enorme listado de funciones y utilidades para manipular nuestras paginas, todo ésto esta cambiando. hoy en día, si se quiere evitar el Flash sin perder la interactividad que éste proporciona no es imposible.

A continuación listamos un conjunto de utilidades javascript basadas en el framework gratuito mas famoso, y sus respectivos tutoriales de uso, para que, en la medida de lo posible, los desarrolladores que asi lo deseen puedan dejar de usar Flash y así independizarse de ésta plataforma de pago.

EFECTOS y UTILIDADES BASICAS:

jQuery UI:

jQuery UI es una extension de jQuery con un gran repertorio de efectos y herramientas enpaquetadas en una sola descarga personalizable con el que podrás realizar todos los efectos que quieras. Además, está validada por jQuery.

Con tan solo ésta herramienta tendrás a tu disposición interacciones, widgets y efectos realmente muy útiles:

Interacciones:

• Draggable: Para que se puedan arrastrar los elementos.
• Droppable: Para que se puedan ‘soltar’ los elementos dentro (o encima) de otros.
• Resizable: Para poder modificar el tamaño de los elementos de la pagina.
• Selectable: Para que los elementos sean seleccionables.
• Sortable

Widgets:

• Accordion
• Autocomplete
• Button
• Datepicker
• Dialog
• Progressbar
• Slider
• Tabs

Efectos: Para aplicar todos los efectos a los elementos que desees.

Evidentemente, todos estos efectos y utilidades las podemos modificar, incluso rehacer o mejorar para hacerlo a nuestra manera (jQuery for Designers)

MENUS:

Dock Menu:

Menu con el famoso efecto propio de los menus de Apple conocido como ‘FishEye’. Puede ser usado tanto en la parte superior como la inferior:

FONDOS ANIMADOS

La sensación de movimiento constante que nos proporciona Flash a menudo se consigue con un fondo simple animado. Con jQuery existen un gran numero de ‘formas’, ‘plugins’ etc, donde te enseñan a usarlos y ponerlos en tu pagina web:

Header animado:

En éste caso podemos ver como nos muestran como hacer que la cabecera de nuestra pagina esté animado.

Efecto burbujas en el fondo:

Con éste tutorial seras capaz de darle un toque de vida a los fondos de tu pagina con un estilo innovador y con estilo.

Fondo con tamaño dinamico: Con éste tutorial podrás usar fondos que se adaptan al tamaño del navegador sin perder calidad ni deformarse.

(Sin clasificación todavía)
 Loading ...

Etiquetas: animación sin flash · jQuery · jquery ui