Archivos para la categoria HTML5

“HTML KickStart” es un conjunto bastante liviano de archivos, patrones y elementos en HTML5, CSS y jQuery (Javascript), diseñado para ayudarnos ahorrándonos tiempo, gracias a las etiquetas, menús, tipografías, galerías de imágenes, botones, formularios, listas, iconos, entre otros, que pueden ser descargado gratuitamente para basar nuestros desarrollos en su código, además son compatibles con tus navegadores favoritos.

Así que si diseñas o desarrollas sitios o aplicativos Web, te invitamos a que le heches un vistazo a HTML KickStart, sin duda te ayudará.

Enlace:
99Lime

Desde el surgimiento de HTML5, hemos visto una discusión en torno de esté y Flash. Desde “OneMoreLevel” han desarrollado una infografía, que analiza a nivel de juegos estas dos tecnologías, midiendo su desempeño en diferentes browsers y sistemas operativos, así como también el uso que le dan sus usuarios.

Después del salto podrán analizar la infografía y sacar sus propias conclusiones, por mi parte pienso que HTML5 no esta derrotando a Flash, ni que este va a sucumbir muy pronto, pero solo el tiempo y desarrollo dará la razón a los defensores de cada una de estas tecnologías.

Leer el resto de la entrada »

Navegando la Web me encuentro esta interesante plataforma llamada “Spaceport”, la cual permite crear juegos HTML5 en Javascript, y que pueden ser corridos como aplicaciones nativas de iOS o Android, gracias a sus estándares.

Dentro del sitio oficial podremos hacer un tour que ilustra su funcionamiento, así mismo podremos jugar con los juegos de ejemplo que allí tienen, además cuenta con una muy buena documentación.

Spaceport soporta plataformas de iOS, Android, HTML5 y Flash, sin duda excelente alternativa que aparece en un momento oportuno, dado al reciente anuncio de flash donde se retira de los móviles.

Enlace: Spaceport (Sitio oficial)

Continua los avances de HTML5 frente al descenso de Flash, ahora Google nuevamente presenta una extensión que esta disponible para instalar en Flash para las versiones de Mac y Windows. Una ves instalada los desarrolladores de Flash podrán exportar sus trabajos a HTML5.

Sin duda HTML5 continua acortando distancia frente a Flash. Si quieres probar la extensión la puedes descargar desde el enlace.

Enlace: Google Swiffy (Sitio oficial de Extensión Google)

Robert Kleffner es un programador que ha desarrollado Infinite Mario en HTML5, este juego fue desarrollado originalmente por Marcus Persson en el lenguaje de programación Java.

Robert Kleffner también se ha dado a la tarea de integrar el juego con Facebook, así tus amigos pueden ver tus avances en el juego.

Si creciste con el nintendo seguro te es familiar Mario Bross así que anímate a jugar aquí.

Enlace: Infinite Mario in HTML5

“Adobe edge” es la nueva herramienta de Adobe para desarrollar aplicaciones Web en HTML5, CSS3 y Javascript de forma sencilla, tal como nos tiene acostumbrados la compañía detras de Flash.

La nueva herramienta no reemplazará a Flash ya que como dicen sus creadores, hay funciones que aun no se pueden simularse.

De momento se pueden hacer solo animaciones Web, aunque se pretende ampliar para desarrollar juegos.

Adobe edge esta disponible para PC y Mac, en su versión de prueba, lo puedes descargar y probar desde aquí.

Después del salto puedes ver algunos vídeos con los primeros tutoriales de la herramienta.

Leer el resto de la entrada »

Si quieres hacerte una idea del alcance que tiene internet alrededor del mundo, no te pierdas la siguiente infografía.

En ésta podremos apreciar los países enemigos de la red, la cobertura de las redes sociales alrededor del mundo, las que más han ascendido y descendido, y datos en tiempo real.

Entre otros datos encontramos que 1 persona de cada 13 está en Facebook, que cada minuto son subidos a YouTube 35 horas de vídeo y que el 89% de los correos es spam, entre mucho más.

Para ver la infografía con más detalle, visita el siguiente enlace.

Enlace: The state of the internet now (Vía Mashable)

Navegando la Web me encuentro esta sin duda excelente aplicación llamada “RPG JS”, la cual nos permite crear nuestros propios juegos RPG en HTML5 y Javascript, usando la librería Javascript RPG basada en Easeljs.

Esta aplicación nos permite obtener un juego en 2D, que funciona en los navegadores modernos sin la necesidad de Flash.

RPG JS es de código abierto y totalmente gratuito, tanto para uso personal como comercial, además cuenta con una excelente documentación, se pueden importar mapas RPG Maker XP, hay más de 100 animaciones predefinidas las cuales podremos usar y cuenta con una demostración para que ves su potencial.

Así que anímate a crear tu propio vídeo juego RPG, no queda más probarla.

Enlace: RPG JS (Sitio oficial)
Demostración

Estábamos un poco alejados en vacaciones, pero ahora estamos de vuelta y recargados. El día de hoy quiero compartirles una herramienta llamada “Cooties”, la cual es un editor para realizar animaciones en HTML5, sin poner ni una sola linea de código, al estilo de Macromedia para Flash, que si lo has usado veras la enorme ayuda que brinda.

De igual forma es lo que pretende “Cooties”, realizar animaciones de una forma sencilla, pero esta ves para HTML5 sin uso de .swf o .fla.

Para hacer uso de esta herramienta solo debes ir a cooties, y loguearte con tu cuenta de Google, y comenzar a trabajar, al final podremos obtener y descargar a nuestro ordenador los archivos, los cuales podremos posteriormente subir en nuestra aplicaciones Web.

De momento no cuenta con demasiadas opciones pero hasta ahora comienza, lo cual muestra sin duda un futuro prometedor para la herramienta.

Enlace: cooties (Sitio oficial)

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)