Increíbles efectos y animaciones con HTML5 y CSS3
En Adobe están haciendo bien las cosas, lentamente parecen ir abandonando la idea sobre la vigencia de Flash y comienzan a hacer cosas realmente interesantes utilizando tecnologías como HTML5 y CSS3.
Un buen ejemplo de ello es el sitio web The Expressive Web, en donde se explotan las virtudes y mejoras tanto de las propiedades CSS3, como de las mejoras provistas por HTML5.
En este fantástico y sorprendente sitio de Adobe vamos a encontrar listadas algunas de las propiedades CSS3/HTML5 más importantes, cada una de ellas nos dirigirá a un nuevo ejemplo.
Las propiedades listadas son:
- Animaciones CSS3
- Gradientes CSS3
- Media Queries CSS3
- Sombras CSS3
- Transformaciones CSS3
- Transiciones CSS3
- Web Fonts CSS3
- Audio HTML5
- Canvas HTML5
- Formularios HTML5
- Video HTML5
- Web Storage
Finalmente en el sitio se indican las versiones de navegador necesarias para ejecutar cada ejemplo, a la vez se nos indica el porcentaje de usuarios aproximado que puede visualizar el ejemplo sin ningún tipo de inconvenientes.
Web: The Expressive Web
Pablo
Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Si Google hubiese podido indexar correctamente el contenido de Flash, hoy no existiría ningun html. La verdad que es una lástima Flash es el invento mas grandioso en la historia de internet. Ademas le atribuyen a HTML5 maravillas que en realidad son de Javascript, en el año 98, antes que Flash este en la cresta, habia un estudio web de Barcelona que te volaba la cabeza con los sitios que hacian en Javascript, con casi todo lo que hoy le adjudican al HTML5, el estudio se llamaba algo asi como you2, o 4you, no recuerdo, luego con el auge de Flash dejaron de hacer Javascript para utilizar el por entonces milagro de Macromedia. HTML5 es simplemente un contenedor, todas esas maravillas las hace Javascript, que tranquilamente la pueden montar sobre un HTML normal, con en aquella epoca.
En mi opinión no te quito cierta razón, pero a mi forma de ver estas pisando demasiados charcos en tus apreciaciones. Flash fue un inventazo, no lo niego, solo tiene una pega… “PESA DEMASIADO” según lo que quieras hacer claro esta… En cuanto a lo de Javascript tienes razón, lleva mucho tiempo haciendose con Javascript… pero no le adjudican nada a HTML5 quitandole prestrigio a Javascript, si no que en este estarndar de HTML en combinación con CSS3 se pueden conseguir de manera más simple, efectos tan buenos como te los puede dar Javascript sin tener que recurrir a la llamada de funciones. Simplemente HTML5 y CSS3, se han implementado de tal manera no solo con todas estas funciones que trata si no con mas, harán en un futuro muy cercano que la visión de las webs sean innovadora… un saludo… y esto solo es mi humilde opinión.
@Djokovic: Gracias por tu comentario.
No existe la solución ideal para todo el mundo. Todos los lenguajes/soluciones tienen sus ventajas y desventajas.
Por ejemplo HTML5 tiene una ventaja enorme en los aspectos relacionados a los websockets. Si quieres implementar eso desde javascript/ajax la complejidad que se añade al sistema es enorme, en cambio tener una solución nativa desde el navegador para reverseajax es simplemente impagable.
No me parece mal que existan varias opciones para solucionar un problema, estoy de acuerdo contigo, de aqui a un futuro no muy lejano HTML5 y CSS3 van a responder a muchísimos problemas sin la necesidad de agregar más cosas. Eso es el punto positivo de todo esto, probablemente lenguajes como javascript evolucionen aún más para resguardar su lugar. Ya hay varios indicios de eso, por ejemplo node.js!
Un abrazo
Muy bueno,
Están creando una comunidad de desarrolladores de HTML5,
http://www.foroshtml5.com
un saludo!