Animación con HTML5 … SALVAJE !!!!

Posted by Omar Benyakhlef on feb 6, 2013 in CSS, HTML, HTML5 | 3 comments

Animación en HTML5

Conocía la potencia del HTML5 para desarrollar movimiento en diseño web, pero no era consciente de la “salvaje” cantidad de posibilidades que nos ofrece. Unas posibilidades que serían seguramente más, si no fuese por la absurda incompetencia de navegadores como Explorer e incluso Firefox.

En esta impresionante web de la que hablamos hoy, además de mostrarnos cómo realizar animaciones con HTML5, podremos ver una serie de ejemplos web que seguro que os sorprenden.

Los ejemplos que vais a ver están desarrollados con CSS3, SVG, Canvas y WebGL

CONTINUAR LEYENDO “Animación con HTML5 … SALVAJE !!!!” »

Share and Enjoy

Audio Librería con Javascript y HTML5

Posted by Omar Benyakhlef on dic 3, 2012 in HTML5 | 3 comments

Audio con Javascript y HTML5

BUZZ es una pequeña librería de Javascript que le ayuda a incluir y gestionar fácilmente los sonidos en tu sitio web mediante la etiqueta audio de HTML5 .

También merece la pena ver la demo que nos han dejado para demostrar su funcionamiento. Se trata de un pequeño juego que combina drag y audio muy chulo !!!

Encontrareis todo el código y documentación bien detallada en Buzz, así como compatibilidades con navegadores y dispositivos móviles y tabletas.

VER DEMO

DESCARGAR CÓDIGO Y DOCUMENTACIÓN

Share and Enjoy

Diseño Web. Animación con jQuery

Posted by Omar Benyakhlef on nov 27, 2009 in Ajax, Diseño de páginas web, jQuery, Mootools | 19 comments

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

Posted by Omar Benyakhlef on jun 23, 2009 in Diseño de páginas web | 1 comment

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 para tu web o blog

Posted by Omar Benyakhlef on sep 22, 2008 in Ajax, Diseño de páginas web, Usabilidad | 3 comments

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