Mostrando entradas con la etiqueta html5. Mostrar todas las entradas
Mostrando entradas con la etiqueta html5. Mostrar todas las entradas

Cut the Rope gratis en tu navegador con HTML5

El famoso juego de iOs Cut the Rope ahora esta disponible gratis desde tu navegador gracias al poder del HTML5 y porque no decirlo un poco de ayuda de IE9 que sigue intentando demostrar su gran potencial para correr este tipo de aplicaciones online.




El juego es el mismo, cortas los hilos y tratas de que el disco toque las estrellas y termine en la boca del alien. Este juego se suma a una buena y larga lista de titulos patrocinados por IE9 como el Pirates Love Daisies o Agent 008 Ball.

Jugar Cut the Rope


Vía

Opera 11.60 beta disponible para descarga

En Opera Software no quisieron hacernos esperar hasta la llegada de la versión 12 (Wahoo) de su navegador para disfrutar de sus nuevas características, por lo que decidieron lanzar una versión intermedia a la que denominaron como Opera 11.60 Tunny (Atún).


En palabras simples podríamos decir que Opera 11.60 es lo mismo que Opera 12 pero sin la aceleración por hardware, la idea es que los usuarios podamos hacer uso hoy mismo de muchos de los adelantos que serán incorporados a Opera 12.

Dentro de las mejoras que se han incorporado en Opera 11.60 la que más llamará la atención de los usuarios es la nueva interfaz de su cliente de correo, la que ahora es mucho más personalizable al incluir nuevas opciones para agrupar los correos por diversos criterios.

Sumado a lo anterior en Opera 11.60 se incorporó el nuevo parser HTML5 Ragnarök (el mismo que utiliza Opera Next), un mejorado motor JavaScript Carakan, soporte completo de ECMAScript 5.1, capacidad para representar gradientes radiales CSS3, entre otros.

Para quienes estén interesados en probar esta nueva versión del navegador Opera, la pueden descargar desde este enlace.

Link: Opera 11.60 beta debuts with double-rainbow support (Opera)



Cómo hacer un documental con HTML5

Existe una serie de minidocumentales titulada Highrise que versa sobre la historia de los rascacielos y su efecto en la sociedad. Algo así como estudiar qué paso en torno a la Torre de Babel.



En concreto el documental titulado La torre un millón tiene la particularidad de haber sido realizado utilizando únicamente tecnología HTML5. Gráficos, audio y fotografías de todos los edificios que aparecen en el documental son fruto del uso de la tecnología de comunicación de Internet.

En concreto gracias a una herramienta de Javascript denominada Popcorn, diseñada para integrar APIs web en vídeo online, puedes ver el documental La torre un millón. Se uso para controlar el movimiento del encuadre de manera que fuese similar al comportamiento de una vídeocámara.

La directora Katerina Cizek consigue así que este minidocumental de 7 minutos pueda comtenplarse tanto de manera interactiva como de manera pasiva. Al hacerlo de manera interactiva se puede navegar y hacer click en un entorno tridimensional en el que poder explorar con total libertad y a tu propio ritmo el documental así como encontrar enlaces a recursos externos como Flickr o Wikipedia.

En este enlace puedes ver tanto el documental La torre un millón como el resto de minidocumentales de la serie.



gizmodo

Blogger presenta 7 nuevas e impresionantes formas de mostrar información

El vídeo que acompaña este post, publicado en buzz.blogger.com es un resumen de lo que podemos encontrar ahora en Blogger, 7 nuevas formas de mostrar información.




Las llamadas Dynamic Views usan AJAX, HTML5 y CSS3 para demostrar al mundo que un blog puede ser mucho más que una lista de artículos ordenados cronológicamente. Después de los dos minutos del vídeo queda eso bastante claro.

Como ellos mismos dicen, es mucho más que nuevos templates. Eliminan el concepto de “post antiguo” para dar la bienvenida, entre otras cosas, a los sitios web en los que no hay importancia cronológica.

7 formas de ver información y una aplicación en buzz.blogger.com que nos permite ver el aspecto que tendría nuestro blog favorito (en blogger) usando dichos temas.

Tres blogs de Google ya usan las Dynamic Views: Gmail Blog, LatLong Blog y Docs Blog.



Chrome 11 beta incluye aceleración 3D y reconocimiento de voz

En medio del lanzamiento de Firefox 4 pasó casi desapercibido la liberación del primer beta de Google Chrome 11, el que incorpora una serie de nuevas características bastante interesantes.




De partida con Google Chrome 11 debuta el nuevo logo que fue presentado sólo hace algunos días, el que aún no termina por convencer a muchos pero que destaca por su diseño minimalista.

Pero enfocándonos en los temas que a nosotros nos interesan, Chrome 11 beta incorpora el soporte para la API de reconocimiento de voz de HTML5 (ahora podremos hablarle al navegador), una característica bastante útil para los desarrolladores de aplicaciones basadas en la web ya que podrán aprovechar las capacidades de transcripción desde voz a texto que ofrece esta tecnología (si quieren probar esta característica lo pueden hacer desde este enlace).

Sumado a lo anterior Chrome 11 beta suma el soporte para la aceleración de gráficos en 3D para CSS, lo que abre un abanico de posibilidades en materia de gráficos a los desarrolladores de juegos y aplicaciones y que busquen sacar ventajas en el uso de efectos en tres dimensiones.

Google Chrome 11 beta se encuentra disponible para descarga desde el canal beta oficial, siendo posible instalarlo en máquinas Linux, Windows (desde XP) y Mac.



Adobe Wallaby, la herramienta oficial para convertir tus Flash a HTML5

Adobe ha lanzado recientemente Wallaby, una herramienta oficial de la compañía capaz deconvertir cualquier trabajo creado con Flash Professional al formato HTML. El objetivo: cumplir con los estándares y al mismo tiempo llegar a todos los dispositivos que no aceptan contenido en formato Flash, como por ejemplo todos los dispositivos móviles de Apple con iOS.



El funcionamiento es sencillo según sus responsables: simplemente tenemos que arrastrar y soltar los archivos en Flash a Wallaby para generar los archivos HTML compatibles, que se pueden editar posteriormente con cualquier editor de código simple o con entornos de desarrollo web completos como Dreamweaver. Tom Barclay, director de productos senior de Adobe Creative Suite, ha declarado que Wallaby “es una tecnología experimental que demuestra la innovación que estamos llevando alrededor de Flash y HTML y muestra la inversión que estamos dedicando a ambas tecnologías, las cuales consideramos de igual importancia“.

Adobe Wallaby es una aplicación hecha en AIR para conseguir compatibilidad en sistemas Windows como en Mac OS X, y de momento es una versión previa a la final con la que los desarrolladores pueden empezar a realizar pruebas. Hay algunas funciones de Flash que aún no pueden exportarse a HTML, pero Wallaby indica que desde Adobe prefieren no dejar de lado los dispositivos con iOS a pesar de la postura de Apple en cuanto a Flash.

Sitio oficial y descarga: Adobe Wallaby



Todo lo que quisiste saber sobre HTML5

HTML5. Eso que está impregnando últimamente multitud de páginas de Internet, ya estén referidas a navegadores, a aplicaciones, a la Web móvil o incluso a los vídeos. Pongamos sobre la mesa de forma breve las claves de este lenguaje para entender qué es lo que puede ofrecer y cómo se puede aprovechar.
Paul Gubbay, uno de los vicepresidentes técnicos de Adobe Systems ha desentrañado todo lo relacionado sobre HTML5. En un artículo publicado en Mashable desarrolla los 5 puntos básicos de este nuevo lenguaje de programación, que a continuación repasamos de forma resumida.

Comencemos por su definición. HTML5 (Hyper Text Makup Languaje 5) es la evolución del
lenguaje HMLT, creada y regulada como estándar por el W3C. Comprende las “versiones 5” tanto de la sintaxis HTML como de la de XHMTL, que se han desarrollado de forma conjunta.

En general, se están definiendo como parte de
HTML5 un grupo variado de herramientas y tecnologías que han permitido que la web evolucione, como CSS3, SVG o Canvas que permiten crear páginas web y aplicaciones con animaciones, texto enriquecido, vídeo o imágenes sin necesidad de ningún plugin o programa, introducidas sencillamente con etiquetas. La más famosa y polémica hasta el momento ha sido la de la etiqueta "video", ya que gracias a esta novedad los reproductores web como Flash Player o Silverlight dejan de ser necesarios.





HTML5 llega a los navegadores

La difusión de
HTML5 se está dando gracias a los nuevos navegadores. Las próximas versiones en llegar como Firefox 4, Internet Explorer 9 o Google Chrome 7 están perfectamente adaptados. Sin embargo, el más común actualmente es el navegador WebKit que se impone en el terreno de los smartphones.

Sin embargo, los navegadores actuales también pueden aprovechar las ventajas de este nuevo lenguaje, haciéndose compatibles con un trabajo de
JavaScript y de CSS. Y al contrario, no hay problemas a la hora de crear entornos enriquecidos con HTML5 ya que la conversión a los navegadores no adaptados será fiable. Además, existen mecanismos para la importación de librerías de JavaScript.



Cómo enfrentarse a HTML5 para el desarrollo

Gubbay recomienda a los desarrolladores que lo primero que deben hacer es potenciar sus habilidades con herramientas que ya conocen, como por ejemplo, comenzar con CSS3. Hay un gran número de publicaciones en las que aprender diferentes técnicas. Pero, y esto es más importante, hay que comprender que HTML5 es aún una tecnología en ciernes, lo que invita a estar pendiente de la actualidad para enlazar con las herramientas y procedimientos que surgen continuamente.

Recomienda no frustrarse al principio, ya que surgen muchas dudas sobre cómo afrontar las opciones que plantea. ¿Cómo aprovechar las canvas? ¿Y la aceleración por hardware? ¿Qué incompatibilidades hay entre navegadores? Como solución propone buscar marcos de trabajo de JavaScript y herramientas que permiten, mediante la abstracción, construir bloques genéricos y consistentes.



Fuente: ReadWriteWeb