Animaciones HTML 5 con SVG, CSS 3 y jQuery

Publicado el 25 de Febrero de 2013 en las categorías , ,

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.

Leer más

El futuro en Link Building: Citas Externas

Publicado el 06 de Febrero de 2013 en las categorías , ,
Se abre una época de oportunidades para los SEO ya que los factores que intervienen en el proceso de valoración de los enlaces y el texto que los acompaña todavía no están del todo claros, y aquí como en todo, el que se adelanta… Y la mayoría de SEO opinan que esta es la tendencia del futuro. Presentamos las Citas Externas.
Leer más

Buenas prácticas para la creación de html para emails

Publicado el 21 de Noviembre de 2012 en las categorías ,
¿Has creado html alguna vez para enviar en un email? ¿te ha vuelto loco algún cliente de email en particular no mostrando correctamente lo que ponías? dejame adivinar... ¿empezaba por ‘o’ dicho cliente? Bien vamos a intentar dar unas guías para que la próxima vez no sea una pesadilla crear algo que se vea bien en todos los clientes. 1) El doctype del documento es lo primero y de lo más importante, mi consejo es que utilices este: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"…
Leer más

Videoconferencia en aplicaciones HTML5

Publicado el 06 de Noviembre de 2012 en las categorías , , ,
OpenTok es una librería Open Source con la que podemos integrar videoconferencia en nuestras aplicaciones web HTML 5 y apps para Android e iOS de una manera relativamente sencilla pudiendo crear salas con múltiples participantes simultáneamente con el requisito de tener conexión a Internet, una webcam y un micrófono. Los usos de estas aplicaciones HTML 5 de videoconferencia a medida son múltiples, algunos ejemplos serían: Integrar servicios de atención al cliente / helpdesk Venta de productos y demostraciones online Aplicaciones de…
Leer más

Animaciones css y eventos en SVG

Publicado el 06 de Agosto de 2012 en las categorías ,
SVG no solo nos permite animar las transformaciones (utilizando animateTransform) sino que también podemos realizar animaciones sobre atributos CSS de los elementos. Concretamente con la etiqueta ‘animate’ y el tipo ‘CSS’, es decir si tenemos un rectángulo de 200x100 de color azul: <rect width="200" height="100" style="fill:rgb(0,0,255);"/> Podemos hacer que cambie su color a rojo, añadiendo: <rect width="200" height="100" style="fill:rgb(0,0,255);"> <animate attributeType="CSS" attributeName="fill" to="rgb(255,0,0)" dur="3s"…
Leer más

Introducción a las animaciones de SVG

Publicado el 06 de Agosto de 2012 en las categorías ,
Una de las grandes utilidades de SVG es la posibilidad de realizar animaciones, cambiando los gráficos vectoriales representados a lo largo del tiempo. Existen dos formas de realizar animaciones en SVG, la primera consiste en utilizar elementos 'animation', y la segunda es acceder directamente al DOM del SVG y modificar atributos de los gráficos. Las animaciones de SVG han sido definidas para permitir SMIL (Synchronized Multimedia Integration Language), esto representa una ventaja ya que se trata de un lenguaje basado en xml, enfocado a realizar presentaciones multimedia con…
Leer más

Streaming de vídeo H.264 desde un navegador web con Wowza

Publicado el 18 de Julio de 2012 en las categorías , , ,

El streaming de vídeo nos proporciona que un evento en directo pueda ser visto por miles de personas simultáneamente, como por ejemplo desde una cámara IP.

Lo más interesante es que el acceso a dicho vídeo sea de manera sencilla, como por ejemplo visualizar el streaming de vídeo desde un navegador web a través de una aplicación Flash o HTML 5.

A continuación vamos a explicar como poner en marcha el servidor Wowza y como leer desde un visor de vídeo Flash para web el streaming, en nuestro caso JWPlayer.

Leer más