Los minijuegos HTML5: rápidos, seguros y sin descargas

juegos html5

En la última década, el desarrollo de tecnologías web ha evolucionado de manera impresionante, y uno de los protagonistas de este cambio es HTML5. Este nuevo lenguaje, que se ha convertido en el estándar web, ha revolucionado la forma en que interactuamos con los contenidos digitales, especialmente en el ámbito de los videojuegos. Esto se traduce en la posibilidad de disfrutar de minijuegos en nuestros móviles directamente desde el navegador, sin ocupar espacio en nuestros dispositivos.

¿Qué es HTML5?

HTML5 es la quinta versión del lenguaje de hipertexto (HTML), utilizado para estructurar y presentar contenido en las páginas web. Lo que diferencia a HTML5 de sus versiones anteriores es su capacidad para integrar elementos multimedia, gráficos y juegos directamente en el navegador sin la necesidad de complementos externos.

Esta capacidad ha dado lugar a un cambio significativo en la forma en que se consumen juegos en línea. Gracias a HTML5, los desarrolladores pueden crear juegos accesibles desde cualquier dispositivo, ya sea un ordenador, un smartphone o una tablet siempre que se tenga acceso a un navegador como Google Chrome, Safari o Explorer.

Jugar sin descargas: una ventaja clave

Uno de los mayores inconvenientes generados por las apps para móvil es la cantidad de espacio que ocupan en nuestros dispositivos. En muchas ocasiones, esta pérdida de capacidad es totalmente innecesaria, ya que podemos realizar las mismas operaciones (bancarias, de gestión online, compras, reservas…) desde nuestro navegador de Internet integrado sin necesidad de descargar nada en nuestro móvil.

Aunque parecía que las apps eran el futuro de la tecnología móvil, los usuarios están empezando a darse cuenta de que la pérdida de capacidad no compensa. En este sentido, la rumorología sobre las apps gratuitas que se financian con los datos personales a los que debemos dar acceso al instalarlas, nos anima a dejar de usar el móvil como un cajón de sastre lleno de aplicaciones y a recurrir a las nuevas páginas web HTML5 para el acceso a los diferentes servicios que usamos a diario.

Las plataformas de minijuegos HTML5: más prácticas, rápidas y seguras

Esto es especialmente práctico en lo que a los minijuegos para smartphone se refiere. No solo ahorra espacio, sino que también permite disfrutar de una experiencia de juego inmediata, siempre actualizada y universal.

Aquí es donde los juegos gratis online cobran importancia en el mundo del gaming. Estos juegos desarrollados en HTML5 de acceso sin descargas se financian con publicidad al inicio de la partida, por lo que el jugador tiene la seguridad de que no está dando permisos de acceso a su cámara, micro o geolocalizador a cambio de jugar gratis. Los minijuegos gratuitos accesibles desde estas plataformas son muy variados y abarcan las categorías más populares en los juegos descargables, como las de simulación de oficios, puzles de lógica, e incluso algunos emuladores de personajes míticos como Mario Bros.

El futuro de los videojuegos sin descargas parece prometedor. A medida que la tecnología sigue avanzando y los desarrolladores se familiarizan más con las capacidades de HTML5, es probable que veamos más minijuegos complejos y visualmente impresionantes disponibles directamente desde los navegadores. Esto también abrirá la puerta a experiencias de juego más interactivas y accesibles, sin las barreras de espacio y almacenamiento que antes limitaban a los usuarios.

Nuevo curso para aprender HTML5 y CSS desde cero

Curso de HTML y CSS

Bueno, después de unos meses sabáticos (?) me voy a dignar a actualizar el blog, y lo vengo a hacer con este genial curso de HTML y CSS que encontré dando vueltas por ahí.

Lo bueno de este curso es que es completamente gratuito y está orientado a personas que no tengan ningún tipo de conocimientos del tema, especial para novatos que se quieran adentrar en el diseño web.

Es muy simple y didáctico ya que tiene ejemplos prácticos y al término del curso se desarrolla un proyecto real en el cual hay que aplicar todo lo que se ha aprendido a lo largo del curso.

Principales temas a tratar:

  • Introducción a HTML y CSS.
  • Sintaxis de HTML5
  • Sintaxis de CSS.
  • Posicionamiento.
  • Tipografía.
  • Formularios.
  • Tablas.

Para hacer este curso solo tienen que entrar aquí y registrarse con una cuenta gratuita.

Ganadores de sorteo keys Flip HTML5

Menciono a los ganadores del sorteo de 9 keys de Flip HTML5 plan Gold premium de 3 meses, valorado en $87.

Recuerden que no tienen que pagar nada para registrarse y no están obligados a pagar una vez termine el tiempo, así que no necesitan poner datos de pago ni nada por el estilo.

El sorteo fue hecho por Random.org. Para participar, los usuarios debían mencionar en Twitter que querían participar en el sorteo.

sorteo keys

Los ganadores son los siguientes:

VINCEN PERDOMO @VINCENPERDOMO
NETAS ROJINEGRAS @NETASROJINEGRAS
GUSTAVO FONTAL @DISARTG
GONZALO @GONZAPP
ANDRES @NANOFILTH
LUXURY @LUXURYAMELY
BETSABE LF @BETSABE23
RAUL SAUCEDO @RULOSAUCEDO
JOSE VALLE @PEPEMVALLE

Hablaré con cada uno en privado para pasarle su correspondiente código y el método de activación.

Gracias a todos los que participaron y espero que sea el primero de varios sorteos que podamos hacer para los fieles usuarios de Punto Geek.

 

 

Publicar revistas y catálogos con Flip HTML5 (Sorteo de keys)

Hace mucho que en Punto Geek no hacemos un sorteo, y para incentivar a ustedes, a nuestros lectores, a participar más en el blog, venimos con keys Premium (y originales) del programa Flip HTML5, una plataforma que permite publicar revistas y catálogos partiendo desde documentos PDF o imágenes.

Flip HTML5 es un sistema que nos permite crear un visualizador mediante el cual los usuarios pueden ver nuestra revista o catálogo, que puede ser creada en PDF, o recopilando imágenes. Es un programa gratuito pero que, como muchos otros, tiene sus mejores funciones en la versión de pago.

fliphtml5 prueba

Para que se den una mejor idea sobre lo que hace, pueden ver una demo desde aquí. Como podrán ver, es una gran herramienta para trabajos de marketing, publicidad o cualquier otra tarea relacionada a un propósito empresarial. Eso sí, es una plataforma para ordenar y mostrar, no para crear un documento PDF, no quiero que se confundan con eso.

Como su nombre lo indica, utiliza HTML5, junto con tecnología jQuery para presentar los documentos como una revista interactiva, quedando resultados muy profesionales y bonitos. Sus pros se basan justamente en eso, en excelentes resultados, tanto por diseño como por velocidad de carga o capacidad para almacenar muchas páginas por libro.

Y sus contras, están en que en la versión gratuita viene una marca de agua, y que recién en el plan Platinum aparecen su editor de animaciones y el editor avanzado de eventos. Ambas herramientas son excelentes porque permiten crear un documento PDF profesional, junto con el libro para presentarlo, todo desde el propio Flip HTML5, por lo cual es una lástima que ni el plan Pro ni Gold los contengan.

Hablando del plan Gold, desde Flip HTML5 nos han acercado 9 keys gratuitas para sortear entre los lectores de Punto Geek, todas correspondientes al servicio mencionado y con duración de tres meses, valoradas en $87. Más abajo especificaré cómo pueden participar del sorteo, algo muy sencillo.

Este plan trae la conversión de documentos Office, es decir, si tienes un archivo en Word que quieres compartir como un libro o revista, solamente tienes que insertarlo en el programa y este se encargará de convertirlo y transformarlo en una interesante revista. También convierte imágenes, permite crear un plugin WordPress para ingresarlo en blogs y hasta tiene integración con Google Adsense. Son unas funciones muy interesantes y que no vienen con el plan gratuito.

Cerrando un poco, Flip HTML5 es una buena herramienta si tienes que hacer trabajos de presentación, de marketing o de publicidad, siempre y cuando tengas tu documento ya preparado ya que de lo que se encarga principalmente el programa es de hacer una presentación de lo que tienes, no crea documentos PDF, a menos que tengas uno de sus planes Platinum o Permanent.

demo flipthtml5

Si quieres participar en el sorteo, y ganarte tu key para probar el programa y su plan Gold Premium gratis durante 3 meses, sólo tienes que hacer un tuit mencionándonos «Quiero participar en el sorteo @AyalaManu @PuntoGeek« y yo seguiré a cada uno de los participantes y los anotaré para el sorteo que haré el viernes desde random.org. A los 9 usuarios que salgan seleccionados les daré su key original y las instrucciones sobre cómo activarla por mensaje directo, y después de que pase ese tiempo no tendrán compromiso de pago ni de nada, no necesitan de tarjeta de crédito o de ningún medio de pago para participar en el sorteo.

La única condición para participar es que nos menciones. Este será el primero de varios sorteos que pretendemos hacer de aquí al futuro, para agradecerles su incesante apoyo y entusiasmo por la tecnología e internet. Cualquier duda o consulta, puedes hacerla por aquí o por Twitter (@AyalaManu) que estaré contento de responderla.

Más de 840 plantillas responsive en HTML5 y CSS para descargar gratis

Cuando no tenemos muchos conocimientos de diseño web, lo mejor siempre es partir de alguna plantilla ya armada y retocarla modificándoles cosas a nuestro gusto, así nos ahorramos mucho trabajo, tiempo y dinero. Por eso hoy les quiero dejar una web muy útil en la cual encontrarán más de 840 plantillas HTML5 y CSS completamente gratuitas para descargar y usar en los proyectos que quieran.

plantillas html5 gratis

El sitio se llama templated.co, y en él van a encontrar una lista interminable de plantillas bajo licencia creative commons que podrán bajar sin tener miedo de usar en sus sitios, nadie les reclamará nada.

En la lista verán una vista previa de la plantilla y el link para poder verla completa y descargarla. Además de eso también les indicará qué tipo de plantilla es, si HTML5 responsive, HTML5 o solo CSS.

Enlace: templated.co

Visto en Maestro de la Computación

Curso en video para aprender HTML5

curso de html5
Hoy en día es imprescindible tener conocimientos de HTML5, por eso cuando vi este curso no dudé un segundo en compartirlo con ustedes. Básicamente se trata de un video curso de HTML5 en el cual también se tocan temas relacionados, obviamente, a CSS3 y Javascript.

En los siguientes enlaces irán directamente a la web de desarrolloweb.com, donde hay una descripción de lo que se verá en la clase, recursos adicionales, y los links al video propiamente dicho.

Contenido del curso:

  1. Qué es HTML5
  2. Web Semántica
  3. Conociendo CSS3
  4. APIs Javascript de HTML5
  5. Compatibilidad HTML5

Creo que es un recurso genial que no pueden dejar pasar, por eso los invito a que se tomen un tiempo para revisarlo y hacerlo.

Visto en Nerdilandia

Divertida y creativa caja de ritmos en HTML5

sdfScreenshot_91

Sé que todos alguna vez han visto, tocado o al menos jugado con una caja de ritmos, ese dispositivo lleno de botones que generan diferentes sonidos cuando ese ejecutado el loop de la caja, permitiendo crear melodías únicas, extrañas e incluso sin ningún ritmo aparente (?).

Bueno, como ahora ya todo está en Internet, pues una caja de ritmos no se salva, por eso existe hoy (♭)ox, una inmensa, divertida creativa caja de ritmos para que ahora si te conviertas en el compositor que siempre soñaste(?), por supuesto la caja permite guardar tus melodías con un solo click y compartirlas con tus fans.

Su uso es muy sencillo, solo basta con hacer pasar el mouse por encima de los botones mientras tienes presionada la tecla Shift, también puedes cambiar la velocidad de la reproducción o pausar y continuar el loop.

Pasen el rato creando el próximo hit del verano y diviértanse un rato, ¡Feliz semana!

(♭)ox

Vía: Twitter

Espectacular juego de salto en HTML5

sdfsds

Hoy les presento otro ejemplo más de las historias y creaciones espectaculares que se pueden desarrollar con HTML5, CSS3 y con la ayuda de algunos servicios de Google como Maps y Google+, así como tecnologías libres como Node.js, Redis.

El juego se llama Map Dive, es sencillo pero espectacular en su ejecución, eres un muñequito con un cohete que caes desde el cielo a alguno lugar del mundo mientras colecciona estrellas y pasa a través de varios círculos en el cielo, también puedes pasar a través de algunas elementos sorpresas que te harán el juego más entretenido, el personaje se puede controlar con el mouse o con las teclas de las flechas del teclado.

A continuación algunas de las imágenes del juego:

Screenshot_88

Screenshot_85

Screenshot_86

Screenshot_84

Les recomiendo cerrar otras pestañas para jugarlo para que la experiencia sea más fluida y saludable en términos de gamer ;)

Map Dive

Jugar Super Mario Bros online en puro HTML5

Full Screen Mario
Super Mario es uno de los juegos clásicos más conocidos de la historia, todos lo hemos jugado aunque sea un rato y ha estado disponible para varias plataformas.

Hoy, con las funciones de HTML5 se pueden crear juegos muy avanzados sin el uso de plugins adicionales, y en este caso, podemos jugar Super Mario hecho completamente en HTML5. El juego es funcional, tal y como si estuviésemos jugando un juego flash o en la consola.

El juego está optimizado para Chrome desde este link, y para los demás navegadores es accesible desde este otro link.

Visto en The How-To Geek

Google lanza una herramienta para crear banners y anuncios en HTML5

Hace un par de días Google nos sorprendió con una genial herramienta llamada Google Web Designer, la cual nos permite crear animaciones en HTML5 de forma bastante sencilla. Si bien tiene un nombre muy prometedor, no es un editor de código para crear sitios web, es más bien una herramienta para crear publicidades, banners, anuncios, o como quieran llamarlos, todo en HTML5.

google-web-designer

Cuando abran el menú de nuevo documento verán que viene con tamaños predefinidos, lo cual nos facilita mucho la tarea porque tiene todos los tamaños estándar para publicidades. Obviamente, si lo deseamos podemos crear tamaños personalizados de acuerdo a nuestras necesidades.

Es una herramienta muy completa y que, si no tienen conocimientos, puede que les resulte un poco complicada, pero si le dedican un rato, con paciencia, van a lograr cosas muy buenas.

Como complemento a este post, les recomiendo que lean un artículo escrito por Pablo de Kabyes, en el cual van a aprender a dar los primeros pasos con esta herramienta: Primeros pasos con Google Web Designer.

Enlace: Google Web Designer