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

Flappy Bird, curiosidades y efecto postmorten

A esta altura del juego de nuestras vidas (?) ya todos conocemos el amado, odiado y desaparecido juego Flappy Bird, un sencillo videojuego de 900kb lanzado para iOS y posteriormente para Android, decisión que lo convirtió en el primer juego viral del año, teniendo como resultado final un efecto negativo y violento para los millones de jugadores causando finalmente la destrucción de la tranquila vida que tenía el desarrollador vietnamita Dong Nguyen, quien decidió finalmente retirar el juego de forma sincera  y honesta enseñandoles a todos que los US $50.000 diarios generados en publicidad no reemplazan tener un estilo de vida sencillo y feliz.

Después del retiro del juego de las tiendas de aplicaciones oficiales el 10 de Febrero, empezaron a surgir cientos de copias del juego tanto para iOS y Android así como alternativas desarrolladas en HTML5, también en modos de un solo jugador o multijugador, incluso el reconocido desarrollador del juego Super Hexagon creo un juego en Flash con su estilo como tributo, llamado Maverick Bird.

Mavericks

Las tienda de aplicaciones para Android, Play Store, es la que más sufrió con la cantidad de copias baratas del juego, aunque la jugabilidad es exactamente la misma el arte del juego fue remasterizado con memes y temáticas muy diferentes del original, incluso hay uno de Doge. I don’t want to live in this world anymore.

Screenshot_139

Una de las mejores copias creadas es Flappy MMO, una versión del juego pero multijugador, realizada gracias a las nuevas tecnologías que ofrece HTML5 como es WebSockets.

Screenshot_140

La historia de Flappy Bird no es todo nostalgia y lesiones de ética básica, el juego fue acusado de ser una copia atrevida del arte de nuestro amado Mario Bros, lo cual genero suposiciones sobre las razones del retiro del juego de las tiendas debido a potenciales acciones legales por parte de Nintendo, aunque Nguyen alegó que no había realizado copia alguna al menos, conscientemente.

tumblr_n150pkJOTA1qz9twio1_500

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

Conoce los elementos de los formularios HTML5

inputhtml5

Seguramente sabrán que desde hace dos años existe HTML5 y otras tecnologías web que están cambiando la forma en que los usuarios completan los campos en los formularios de los sitios web.

En la página Native form elements creada por Joshua Jenkins se recopila todos los elementos nuevos de entrada de información, desde los más comunes como el texto hasta los más complejos como el selector de color o de rango.

La página te muestra el elemento en su estado normal, su estado deshabilitado y el HTML para crearlo correctamente, cabe mencionar que esta es tecnología que no está 100% estandarizada así que antes que la uses en un proyecto, asegúrate que es soportada por el navegador de tus usuarios.

Native form elements

HelloRun™: Divertido juego de obstáculos en HTML5

Oops! Google Chrome could not connect to www.google.com

Es sábado en la noche y no encuentras nada entretenido para ver o leer o simplemente ya no quieres pensar tanto a esta hora y lo único que deseas es un poco de distracción saludable te traigo un divertido y entretenido juego de obstáculos.

Se trata de HelloRun™, un genial juego creado completamente usando las nuevas tecnologías de HTML5, el juego se trata de esquivar las pantallas de luces que hay en el camino, lo único que debes hacer es mover el mouse a través del espacio libre de las pantallas para completar el juego, lo más entretenido del juego es la buena música que te acompaña en el difícil recorrido, además de eso los colores y efectos que empieza a tomar el mundo de forma inesperada.

Si tal vez estás muy animado puedes hacer click para acelerar un poco las cosas y así hacer más puntos.

Si eres un afortunado y tienes un Leap Motion también puedes utilizarlo para jugar de una manera más realista el juego.

Mi puntuación record es de 62, ¿Cuáles alcanzaron ustedes?

HelloRun™

Google lanza plugin para reproducir videos WebM en Internet Explorer

Screenshot_58

WebM es un nuevo formato de vídeo y audio para la web libre del pago de derechos como los otros formatos, está creado específicamente para la reproducción multimedia HTML5, el vídeo utiliza el formato VP8, creado por Google y el formato gratuito de audio Vorbis, este formato es patrocinado principalmente por Google desde el año 2010 y cada vez aumenta su participación en el Internet, gracias a su fácil implementación.

Al ser un formato tan nuevo tan solo Google Chrome, por supuesto, Mozilla Firefox y Opera lo soportan, Internet Explorer, como ya es costumbre, coff coff, todavía no lo hace, ¿Por qué es de Microsoft? Uhmm, no lo creo, coff coff, como sea Google en su objetivo de llegar a más usuarios en Internet y sacar toda su información de navegación ha lanzado un plugin para Internet Explorer que hace posible la reproducción del formato WebM en nuestro amado navegador.

Si tristemente utilizas Internet Explorer y quieres reproducir un vídeo en este formato tan solo debes descargarlo desde su página oficial e instalarlo, luego abrir IE y cargar un vídeo con este formato, como este por ejemplo, o puedes utilizar un buen navegador y no tener que instalar más complementos :).

WebM Video for Microsoft Internet Explorer 9+

HTML5 Maker: Crear animaciones y banners en puro HTML5 gratis

Hoy en día ya se estila usar HTML5 en lugar de Flash, de a poco los banners y animaciones que se publican en la red van migrando a este nuevo estándar. HTML5 Maker es una genial herramienta gratuita que nos permite crear animaciones y banners de forma muy sencilla y con la posibilidad de exportarlos en HTML5 listos para ser incrustados en nuestros sitios web.

HTML5 MAKER

Lo que me gustó del sitio es que es muy simple de usar, prácticamente no hay que tener nada de conocimientos de nada. Vamos agregando los «slides» desde el panel de la izquierda, asignándole la cantidad de segundos que queramos y editándolos con la posibilidad de agregarles fondos, texto, botones, y muchas cosas más.

En el panel de la derecha tenemos las opciones avanzadas para cada slide, allí se pueden personalizar los colores, fuentes, tamaños, degradados, etc. Una vez que hayamos terminado la edición podremos guardar la animación y descargarla a la computadora para usarla como queramos.

Enlace: HTML5 Maker

Visto en Soft&Apps