Posts etiquetados ‘HTML 5’

Gury es una interesante librería para el uso de la API de HTML5 canvas de forma sencilla, esta esta basada en JavaScript y se centra en la implementación de aplicaciones basadas en canvas con pocas lineas de código.

Al igual que jQuery han querido que su uso sea sencillo, así que puedes iniciar a desarrollar tus aplicaciones hoy mismo, incluso sino cuentas con experiencia en la API de HTML5 canvas, también su funcionamiento es similar a jQuery, ya que te permite lograr tus aplicaciones mediante el uso de una interfase basada en encadenamiento.

Con una simple expresión encadenada puedes crear una etiqueta canvas, redimensionarla y aplicarle estilo, agregar objetos renderizables, animar estos objetos, y ubicarlos en cualquier parte de tu página.

Gury cuenta con una amplia documentación, la cual presenta ejemplos bastante claros de su uso y esta muy bien estructurada en un paso a paso.

Enlace: Gury (Sitio oficial)

Navegando una ves más la Web me encuentro un interesante articulo que muestra 5 grandiosos juegos desarrollados en HTML5, sin lugar a duda una muy interesante tecnología. Estos podemos disfrutarlos en la mayoría de nuevos navegadores, aunque no es el caso de internet explorer 8 o anteriores.

Agent 008 Ball

Es un juego de Pool de un solo jugador, cuyo objetivo es meter el mayor número de bolas antes que el tiempo se termine.

Jugar.

Biolab disaster

Es un juego que se desarrolla en plataformas, donde debemos saltar para esquivar los obstáculos, así como también podemos dispararles.

Jugar.

Crystal Galaxy

Es un juego que cuenta con buenos gráficos y su objetivo es aniquilar asteroides y naves enemigas, sin duda también se torna adictivo aunque en principio es un poco difícil controlar la nave con el mouse.

Jugar.

Canvas rider

Es un juego donde el objetivo es montar la bicicleta en escenarios dibujados por otros participantes, se torna divertido y su control si que es sencillo, solo las flechas arriba para avanzar, abajo detenerse, izquierda y derecha inclinarse, z regresar y el enter para empezar de nuevo.

Jugar.

Pirates love Daisies

Es un juego de piratas que esta muy bien logrado, llevando al limite a JavaScript y HTML5, es creado por un desarrollador de Flash, quien fue contratado por Microsoft para desarrollar un juego que muestre las bondades del nuevo Internet Explorer 9, que vaya que en este si que corre bien, se recomienda una aceleradora gráfica para una mejor experiencia.

Jugar.

Después de jugarlos di este orden, pero por su puesto ustedes pueden jugar y mirar cual es el mejor para ustedes.

Enlace: 5 Awesome HTML5 Games (Vía sitepoint)

Google añade nueva función para Gmail y Gtalk. Se trata de la posibilidad de recibir notificaciones de escritorio en forma de pop-ups, cada vez que haya un nuevo correo o un mensaje de chat.

Para configurar las notificaciones solo debes ir a Gmail y dar clic en Configuración en la esquina superior derecha. Luego en la pestaña General y en la opción “Notificaciones de escritorio”, podrás activar o desactivar tanto las notificaciones del chat como del correo.

Por el momento, esta funcionalidad solo está disponible para Chrome, pero de acuerdo a Google, ya están trabajando para que estas notificaciones sean parte de la plataforma Web standard.

Enlace: Gmail Blog

Vimos que Apple lanzo su propio sitio Web, para mostrar el potencial de HTML5, pero desafortunadamente solo funcionaba con Safari. Ahora Google ha lanzado HTML5Rocks que sin duda es más amplio, ya que ofrece tutoriales paso a paso, herramientas y ejemplos del potencial de HTML5.

HTML5Rocks ofrece tutoriales muy completos en ingles, que ilustran el potencial de HTML5. Si deseas ejecutar todas las demostraciones al 100% debes usar Chrome con WebGL habilitado.

Enlace: HTML5Rocks (Vía TechCrunch)

Apple en su empeño por demostrar que HTML5 es el futuro de la web y que Flash no será necesario, ha creado un sitio en el que se pueden apreciar algunos ejemplos con contenido dinámico, hechos con esta tecnología.

Vista en 360º, galería de imágenes, un vídeo que se puede manipular y una aplicación en la que puedes escribir, cambiar el tipo de letra y su tamaño, entre otras funciones, son algunos de los buenos ejemplos que podrás encontrar en este sitio web.

Yo se que muchos de ustedes no están de acuerdo con el punto de vista del señor Steve Jobs, en sacar a Flash del camino, pero si hay que ver que aunque todavía falta, HTML5 le está pisando fuertemente los talones.

Si quieres ver las presentaciones, solo lo podrás hacer a través de Safari. Como siempre Apple, bastante cerrado.

Enlace: Apple HTML5 (Vía Genbeta)

Sketchpad es una herramienta para dibujo creada con HTML5, con la cual podrás trabajar desde la nube con sólo una conexión a internet y un buen navegador compatible con esta versión de HTML, además no necesitas tener Flash instalado para trabajar la aplicación.

Los íconos que se usan para pintar y dar formas son muy similares a los de Paint de Microsoft, por lo que te sentirás más familirizado al momento de usar esta aplicación.  Además con solo dar click en los botones superiores, se mostrarán las ventanas con las que podrás graduar y cambiar colores, modificar el dibujo y generar una imagen PNG.

Sitio oficial: Sketchpad (Vía Genbeta)

DailyMotion ha creado un portal de prueba llamado OpenVideo.Dailymotion.com elaborado totalmente en el nuevo HTML 5, sin duda una muestra más de la maravilla que se puede lograr con el uso de HTML 5, en el sitio puedes ver vídeos sin necesidad de tener ningún plugin Flash para su correcta visualización, lo que requiere es de un navegador con soporte para el nuevo HTML 5, lo puedes probar con Firefox 3.5 Beta 4 o Safari Beta 4.

El sitio Web también experimenta un diseño con el nuevo CSS3, el uso de Javascript y animaciones en formato imagen PNG.

Enlace: Dailymotion Blog