10 fascinantes experimentos en JavaScript y HTML5 para hacer en tu navegador

Chrome Experiments, a pesar del nombre, es un sitio dedicado a la difusión de experimentos con tecnologías de punta para navegadores web. Fue lanzado hace unos 18 meses bajo el auspicio de Google, quien recién celebró la llegada del experimento número 100. Por supuesto, JavaScript y HTML5, son las tecnologías más relevantes usadas en el sitio para poner a prueba tu(s) navegador(es). Bueno, pues aquí presento una pequeña selección de 10 experimentos que consideré interesantes, creativos y divertidos. Por cierto, muchos de ellos funcionan mejor con Chrome y Opera; ya hemos hablado un poco de esto.

Da clic en los títulos para lanzar el experimento.

1. Google Gravity

• Descripción: Mira cómo todos los elementos de la legendaria página principal de Google comienzan a caer y rebotar hasta el fondo de tu pantalla, acelerados por una fuerza (virtual) gravitacional.
• Tecnologías utilizadas: JavaScript (box2d-js)

2. Destructive Video

• Descripción: Reproduce Big Buck Bunny con HTML5 y luego despedaza a clicazos el vídeo. Verás con agrado cómo éste vuelve a la normalidad.
• Tecnologías utilizadas: JavaScript y HTML5 (elementos video y canvas; en especial, la llamada a la funciónCanvas.drawImage())

3. Canopy

• Descripción: Es un navegador de fractales. Cada clic te hace ir más rápido. Sigue con atención las instrucciones. Se difruta más si seleccionas “mutate” y “bloom” mientras mantienes presionado el botón izquierdo del mouse.
• Tecnologías utilizadas: JavaScript (JQuery) y HTML5 (canvas)

4. Smalltalk

• Descripción: Una herramienta que recoge estatus de Twitter —-el pequeño gran diálogo—- para conformar un mapa del clima y su efecto en nuestras vidas. Una herramienta Social Weather.
• Tecnologías utilizadas: Twitter API, Google Maps, JavaScript (JQuery) y HTML5 (canvas)

5. Social Collider

• Descripción: Revela conexiones cruzadas entre conversaciones (¿memes?) en Twitter, de forma temporal y lateral a través de muchos contextos. En el ejemplo muestro las conversaciones relacionadas con el oráculo mundial en turno: el Pulpo Paul.
• Tecnologías utilizadas: Twitter API, Google Maps, JavaScript (JQuery) y HTML5 (canvas)

6. Ball Pool

• Descripción: 1) Arrastra objetos, 2) Da clic en el fondo y 3) Agita tu navegador (éste es más espectacular). Da doble clic para iniciar un juego nuevo.
• Tecnologías utilizadas: JavaScript (box2d-js) y HTML5 (canvas)

7. Browser Pong

• Descripción: Es probable que Pong sea uno de los videojuegos más básicos y antiguos. Con Browser Pong no jugarásdentro del navegador, sino con él.
• Tecnologías utilizadas: JavaScript (JQuery) y HTML5 (audio)

8. Harmony

• Descripción: Una herramienta de dibujo mínima. Once pinceles poco convencionales y un lienzo. Sólo extrañé la combinación CTRL+Z para olvidar mis errores; como prueba de esto mira mi horrendo dibujo.
• Tecnologías utilizadas: JavaScript y HTML5 (canvas)

9. TWITCH

• Descripción: Varios juegos mínimos dentro de ventanas pequeñas. Cada ventana es una etapa interconectada con la siguiente. Fue uno de mis favoritos.
• Tecnologías utilizadas: Processing.js y JavaScript

10. Liquid Particles

• Descripción: La interfaz es tu mouse. Da clic y mueve el cursor; las partículas reaccionarán en un ciclo de atracción-repulsión. Es sencillamente fascinante.
• Tecnologías utilizadas: JavaScript y HTML5 (canvas)
  
  
  Vía: http://bitelia.com

Gury – librería Javascript para HTML5 Canvas

Gury  es una librería Javascript que nos ayuda a crear aplicaciones web, proporcionándonos una interface fácil de usar para trabajar con HTML5 Canvas.

Con Gury podrás crear elementos Canvas y trabajar con ellos de manera sencilla. Incluye funciones para cambiar los tamaños, aplicar estilos, agregar objetos y animarlos.

Los diseñadores de esta librería quisieron que fuera lo menos complicada posible. Por lo cual, se basaron en la filosofía de Jquery. Con Gury sólo necesitas una sola línea de código para construir un Canvas completo.

El principal objetivo de Gury es suministrarnos un marco para trabajar con la API de HTML5 Canvas, de un modo más simple.

La API de Gury dispone de una excelente documentación, con ejemplos claros y sencillos. Esta documentación está dividida en secciones: Core Gury, Manipulación de objetos, Dibujo y animación, Eventos.

Trabajar con Gury en tus proyectos con HTML5 Canvas puede resultarte de gran ayuda, en especial si aún no te sientes familiarizado con la API de HTML5 Canvas.

Vía: http://wwwhatsnew.com

Firefox 4 se retrasa hasta principios de 2011

Mozilla reconoce que lanzar la nueva versión del navegador les está costando más trabajo del que creían

La próxima versión de Firefox, Firefox 4, prevista para finales del 2010, se retrasa hasta principios de 2011. Este cambio ha sido anunciado, a través del grupo de discusión de Mozilla en Google, por el director de Firefox, Mike Beltzner, quien señala que terminar Firefox 4les está llevando más trabajo del que estimaban en un principio.

ABC

Seguirán las pruebas con las versiones betas

"Las versiones beta han sido de gran ayuda en la identificación de problemas de compatibilidad con el contenido web existente, por lo que se planea seguir las liberaciones beta hasta el final de diciembre. Nuestra estimación es que Firefox 4 llegue a principios de 2011", asegura.

Seis versiones beta han llegado en las últimas semanas, pero la versión beta 7 de Firefox 4 no se ha presentado. Uno de los grandes problemas ha sido la integración de los mayores motores de javascriptTraceMonkey, para ejecutar programas basados en la Web, y el nuevo motor de JaegerMonkey que se basa en el motor V8 de Google en Chrome.

La versión 4 del segundo navegador más popular incluye varias mejoras importantes. Se ha rediseñado la interfaz de usuario, incluye el formatoHTML5, un acelerador de hardware para vídeo en alta definición y lo más esperado, la función 'multi-touch'.

Mozilla necesita sacar cuanto antes Firefox 4 al mercado debido a que en los últimos meses los usuarios se han decantado por el navegador de Google, Chrome.

Vía: http://www.abc.es

Mozilla actualiza Firefox 4 Beta con mejores gráficos y seguridad

Mozilla ha vuelto a actualizar la versión beta de Firefox 4, con una combinación de gráficos más veloces, nuevas capacidades de audio y una seguridad mejorada.

• Por:

  Javier Pastor

Mozilla continúa lanzando nuevas actualizaciones paraFirefox 4 Beta, con las nuevas incorporaciones que nos prometen gráficos más rápidos, nuevas capacidades de audio y una seguridad mejorada.

En un post de Mike Beltzner en el blog oficial de este desarrollo, se anunció que la nueva actualización a la beta saca provecho del hardware gráfico de Windows a través deDirectX 10 para mejorar el rendimiento en sitios web muy densos en el apartado gráfico.

“En el hardware soportado, Firefox usará Direct2D por defecto para acelerar la muestra del contenido en sitios web gráficamente muy densos, dandole más potencia a la web”, afirmaba Beltzner.

Además de las mejoras en gráficos se ha dado soporte con los elementos HTML5 de audio y vídeo, y además se da soporte al protocolo HTTP Strict Transport Security (HSTS).

Vía: http://www.eweekeurope.es

Microsoft dice que Silverlight es mejor que HTML5

Microsoft afirma que su tecnología Silverlight permite a los desarrolladores web ampliar las posibilidades que ofreceHTML5. En un post titulado “El futuro de Silverlight“, Brad Becker, director de gestión de productos y plataformas de desarrollado de Microsoft, explica exactamente por qué la empresa cree Silverlight es mejor que HTML 5, aun cuando toda la industria se está desplazando hacia la nueva web estándar.

“En la Web, el propósito de Silverlight no ha sido nunca para sustituir a HTML5, es para hacer las cosas que el HTML y otras tecnologías no pueden hacer de una forma sencilla para los desarrolladores. Microsoft mantiene su compromiso con el uso de Silverlight para extenderla Web, al permitir escenarios que HTML no cubre”

Becker dice que HTML5 y CSS3 va a empeorar antes de mejorar sólo porque las especificaciones todavía necesitan adopción, mientras que Silverlight ya está ahí como una opción basada en estándares y trabaja a través de múltiples navegadores.

Para que HTML5 sea realmente rentable, la especificación tiene que estabilizarse, los navegadores tienen que aplicar todas las especificaciones y más de mil millones de personas tienen que instalar un nuevo navegador o comprar un nuevo dispositivo o máquina. Eso va a tardar un rato.

Dijo que a pesar de que la compañía está comprometida en el desarrollo de estándares web HTML, Silverlight permite ir más allá de la barrera de la estandarización y estar dentro de la innovación. La tecnología podría ser usada para crear aplicaciones de negocio, experiencias multimedia de calidad y juegos de consumo. Además, de ofrecer capacidades para streaming de vídeo HD, DRM y protección de contenidos, video 3D, y streamingsuave y escalable.

Con esto, Silverlight levanta la mano y se mete al debate de estándares en la Web, que hasta ahora solo se centraba en HTML5 y Flash.

Vía: http://www.fayerwayer.com

Opera gana velocidad y mayor soporte para HTML 5 con la beta 10.60

• Publicado en por Rosalía Arroyo

La beta de Opera 10.6 incorpora el nuevo formato de video WebM de Google y AppCache para acelerar el acceso a páginas web.

Opera Software, responsable del navegador del mismo nombre ha lanzado Opera 10.60 Beta, sobre la que afirma que es un 50% más rápido que el lanzamiento previo.

La compañía ha añadido características de geolocalización que permiten que el navegador detecte y coloque en el mapa la posición del usuario. Además, en la versión 10.60 Opera ha expandido las capacidades de vídeo del navegador añadiendo el nuevo formato de vídeo WebM de código abierto que Google anunció el mes pasado. Mozilla, Opera, Adobe y más de 40 empresas han anunciado su respaldo al formato.

Por otra parte Opera ha añadido AppCache, que es uno de los componentes que harán posible ejecutar aplicaciones sin necesidad de estar online. AppCahe permite que se puedan almacenar más datos en el navegador, lo que además acelera el acceso a las páginas web.

Un nuevo interfaz más fácil de utilizar cuenta ahora con iconos que reemplazan las miniaturas anteriores para que la navegación sea más rápida.

La compañía también informa de nuevas características de búsqueda que permitirán desplegar los resultados localizados y que además mostrará sugerencias de búsqueda.

En general la última versión de Opera mejora el soporte para HTML5 y proporciona más opciones en cuanto a rapidez y eficiencia de las búsquedas.

Opera 10.60 está disponible para todos los sistemas operativos.

http://www.itespresso.es/