Archivo de la categoría: HTML5

GoodBarber estrena CMS con nuevas plantillas para crear aplicaciones en HTML5

Hable de GoodBarber a finales del año pasado, servicio que ofrece la posibilidad de crear aplicaciones móviles.

GoodBarber

Pues bien ahora anuncian un nuevo CMS, que nos permitirá crear contenidos, publicar imágenes o vídeos desde la interfaz web, sin que tengamos que utilizar conexiones de terceras partes.

Adicionalmente y para saltar la posibilidad de depender de los markets, ahora también es posible crear aplicaciones web en HTML5, para que los usuarios puedan ir a ellas desde un dominio nuestro.

Si deseas saber más puedes visitar su blog oficial.

Vía: WwwhatsNew

Animatron: Plataforma para crear animaciones en HTML5

Animatron es una herramienta en línea simple y de gran alcance que le permite crear impresionantes animaciones HTML5 y contenido interactivo.

Este editor te permite diseñar y publicar películas, banners, e infografías que funcionan en todas partes, desde los navegadores de escritorio a los dispositivos móviles y sin necesidad de programar.

Adicionalmente puedes invitar a otras personas a colaborar en un proyecto, mediante el envío de un enlace al mismo.

También tiene funciones para compartir tu trabajo: mediante un enlace o pegando el código de inserción en un sitio web.

Cmiscm: Un sitio web con muchos ejemplos de los que se puede hacer en HTML5

Uno de los lenguajes web que sigue creciendo en seguidores es el HTML5, esto por la potencialidad y simple manejo (según los expertos) del mismo.

Pero si alguno se pregunta ¿qué puedo hacer con HTML5?, entonces la respuesta la puedes encontrar visitando cmiscm.

Cmiscm

Cmiscm, es un sitio web que contiene muchos ejemplos de lo que se puede lograr con HTML5, apenas llegas al sitio tienes un circulo lleno de pequeñas web que seguro te van a gustar.

No hace falta registrarse y si deseas compartir alguno de los trabajo, pues tienes los botones sociales para ello.

Flappygenerator: Genera tu propio Flappy Bird personalizado

Ya os he comentado varias notas sobre el popular y tan mencionado juego Flappy Bird, incluso os compartí una opción web creada en HTML para que jugaran desde el navegador.

Pero como esta muy de moda el tema, ahora les quiero presentar Flappygenerator, una nueva web donde puedes generar tu propio Flappy personalizado.

La manera de conseguirlo es muy simple, solo debemos escoger la imagen que tendrá el pájaro, la imagen para los tubos, y finalmente darle al botón de “gerar jogo“. Entonces la app nos genera un enlace para compartir con nuestros colegas.

Gracias @mariela por el enlace!

Flappy Fish, la alternativa web a flappy bird creada en HTML5

Después del tremendo éxito del removido juego Flappy bird de ambos markets, porque su desarrollador tenia mucha angustia de haberse hecho famoso.

Han aparecido algunos similares, y uno de ellos ha sido realizado por mi buen amigo Javier creador de Seetio.

Con el nombre de Flappy Fish, ahora podemos seguir jugando este adictivo juego pero desde la web. Todo lo ha creado en HTML5 y como el mismo Javi lo define es otro de mis experimentos.

Si deseas jugarlo puedes hacerlo desde el siguiente enlace:  Flappy Fish en HTML5.

Emaze: Creando presentaciones para tus trabajos en HTML5

Si estás cansad@ del Powerpoint, si Prezi no te acaba de convencer y buscas una alternativa para diseñar y guardar tus presentaciones en línea estas de suerte porque Emaze puede ser tu solución.

Imagen de previsualización de YouTube

Para empezar a utilizar este servicio (en estado beta de momento) solo tienes que loguearte con tu email y contraseña, luego podrás empezar a editar tu trabajo (que previamente habrás diseñado usando una metodología LPG=Lápiz Papel y Goma o aquella que consideres oportuna).

Además, te recomiendo que le eches un ojo a algunos de los ejemplos que vas a poder encontrar en la página de inicio para que tus ideas se vayan activando.

Una vez entres a tu Personal Page dispondrás de cuatro opciones: (1) ver tus presentaciones (My), (2) crear una presentación (New o Star New), (3)  acceder a las presentaciones que tienes compartidas (Share); y (4) ver alguna de los proyectos públicos guardados en este servicio y que han sido configurados por otros usuarios (Explore).

Udemy ofrece tres cursos gratuitos para aprender HTML5

Una de las tecnologías que más personas capta en sus filas es el HTML5, pero claro siempre viene bien ir formandose para conocer bien como hacer las cosas.

Pues bien la gente de Udemy ahora esta ofreciendo 3 nuevos cursos grtauitos para aprender HTML5.

Los cursos van desde el más sencillo donde no piden algún conocimiento previo, hasta los más especializados donde es necesario ya conocer la tecnología.

Os dejo los enlaces para aquellos que deseen realizarlos:

1.- Learn HTML5 Programming From Scratch

2.-  Upgrading skills with HTML5 new Features

3.-  Bases de HTML5 (en español)

Esto sumados a la lista que os deje antes con los cursos que se inician en el mes de Julio!

Recombu: Prueba el iOS 7 con este simulador interactivo en HTML5

iOS 7

Estamos a la espera del evento inaugural del WWDC ’13 el próximo lunes 10 de junio, en donde se dice, Apple podría mostrar las novedades que incorporarán a su sistema operativo móvil, iOS.

Los cambios que podríamos esperar son muchos, y de acuerdo con los rumores, iOS 7 podría venir con bastantes diferencias en su interfaz.

El sitio Recombu ha hecho un extraordinario trabajo creando, a base de CSS, HTML y JavaScript, un iPhone 5S con la interfaz rumorada de iOS 7 e incluso se puede utilizar como prototipo.

En Recombu pueden encontrar un iPhone 5S junto con, lo que se dice, será el look de iOS 7 modificado por Jony Ive, ejecutivo encargado del diseño dentro de Apple. El iPhone concepto del sitio simula el smartphone de Apple, dando opción a los usuarios para elegir entre varios colores – los rumores han dicho eso, que el próximo iPhone podría venir en hasta 5-6 colores.

 Además de que muestra botones de lock -unlock, home, cámara totalmente funcionales, también algunas aplicaciones como Mensajes, Música, Correo, Cámara, y otras, se abrirán para mostrar un poco de la interfaz que podrían incorporar dichas apps; incluso la cámara podrá tomar fotografías desde la cámara frontal (sólo Firefox y Chrome).

El concepto, como comento líneas arriba, está hecho únicamente con CSS, HTML y JavaScript, y Recombu afirma que no se ha utilizado ninguna imagen prediseñada para usarla dentro de su concepto interactivo, y debo decir que el concepto está muy bien hecho y funciona bastante bien; en cuanto a iOS 7, pues espero que el producto final no luzca muy similar a esto.

Enlace: Recombu

iio Engine: Un framework interactivo para programar apps en HTML5

Una de las cosas que ha tenido mucho auge en los últimos años son las aplicaciones creadas en HTML5, ya que las mismas ofrecen una serie de ventajas siendo la principal poder visualizarse en cualquier tablet o smartphone.

Pues bien si eres un desarrollador y buscas un framework donde construir tus apps, entonces debes echarle un vistazo a iioengine.com.

iio Engine

Esta plataforma open source, ofrece todo lo necesario para crear aplicaciones en HTML5, pudiendo crear diversas funciones utilizando pocas líneas de código (algo que se agradece).

Puede integrarse con box2d.org, que tiene buenos recursos para juegos en 2D. Es totalmente gratuito y solo pesa 45kb.

Vía: Webresourcesdepot

Google Drive ahora soporta HTML5 para reproducir vídeos

Google anunció recientemente el soporte HTML5 para los vídeos alojados en Google Drive.

Esto significa que Flash no es necesario para reproducir vídeos en su navegador. Si bien esto no es un anuncio más interesante para aquellos usuarios que utilizan iPads y tabletas con Android 4.0+.

Si ahora te estás preguntando cómo conseguir vídeos en su cuenta de Google Drive, utilice el botón rojo “upload”, que se encuentra al lado del botón “Crear” en su cuenta de Google Drive.

http://3.bp.blogspot.com/-Iu2UD2eNUiI/USgcR_Vm3SI/AAAAAAAAYJg/KkQs9hrZeYA/s1600/video+upload.png

A continuación, sube el vídeo, el cual podrás reproducir seleccionándolo de tu cuenta de Google Drive y pulsando el botón de reproducción.