Cuando hacemos una aplicación web, normalmente usamos javascript para modificar elementos html en la parte cliente, con librerías como jquery se pueden hacer muchas cosas. Pero cada vez las aplicaciones web son más complejas, sobre todo en la parte del cliente y no sólo necesitamos mofificar un elemento, sino cargar datos con disposiciones complejas.
Vamos a ver una forma alternativa de definir un pasador de imágenes usando tecnologías de HTML5, en concreto, transiciones de CSS3.
En anteriores entradas hemos hablado de como hacer animaciones HTML 5 con SVG de varias maneras: con animaciones y transformaciones propias de SVG, además del uso de requestAnimationFrame.
En esta ocasión vamos a ver que con conocimientos de jQuery y CSS 3 podemos hacer animaciones sencillas, tal vez menos optimizadas que en los anteriores métodos, pero más que suficiente para la mayoría de casos.
A veces necesitamos esperar a que se carguen imágenes para poder realizar alguna acción, como animaciones en canvas. Como es una tarea que se repite muchas veces y no siempre es fácil de controlar aquí dejo una función que os ayudará.
Canvas es una etiqueta introducida en HTML5 que sirve generar gráficos dinamicamente a través de su API javascript. Pueden ser tanto gráficos estáticos como animaciones
La nueva versión de la popular API de Google Maps está llena de novedades que hacen que trabajar con mapas y geolocalización sea una tarea cada vez más potente y sencilla. Con esta última actualización de la API podemos fácilmente incorporar mapas a nuestras webs, personalizando todo lo que necesitemos.