html5 | RFS Digital - Tecnologia, Aplicaciones web gratuitas e Internet

Mostrando entradas con la etiqueta html5. Mostrar todas las entradas

viernes, febrero 21, 2014

Flappy Bird: Clones para jugar online

Tras la reciente explosión de Flappy Bird, caída y bloqueo por parte de las tiendas del App Store y Play Store, los clones y copias apócrifas están por todos lados. En este post mostraremos algunas copias o modificaciones del juego para jugar en línea.

FlapMMO:

Es quizá la copia más original del juego. Se trata de un juego multijugador masivo en línea en el que juegan todos contra todos. Se pueden encontrar hasta 1000 jugadores a la vez por partida. Un dato curioso es que debajo de cada tubo, aparecen el número de otros jugadores quienes se quedaron hasta ese punto.

Link: FlapMMO

Otras copias:

Entre otras copias del juego, exactamente iguales o con algunas diferencias, se encuentran:

FlappyBird.io: http://flappybird.io/

Flappy Bird Online: http://www.plonga.com/skill/Reaction/Flappy-Bird-Online/

Flash Flappy Bird: http://www.kongregate.com/games/maxblive/flappy-bird-flash

Flappy Bird HTML5 game: http://uralozden.com/flappy/

Recopilación de versiones de Flappy Bird en HTML5: http://clay.io/play/flappybird

También están:

Flappybirds.com
FlappyBird.com

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

viernes, febrero 14, 2014

CanIUse: Tablas comparativas de soporte [HTML5, CSS3]

CanIUse es una interesante aplicación con información actualizada a través de tablas comparativas, las cuales muestran la compatibilidad de una determinada propiedad de una tecnología para la web, como HTML5 o CSS3, con los diferentes navegadores web disponibles, ya sean para móviles o tabletas, como de escritorio o laptop. Un recurso excelente para tomar en cuenta a la hora de diseñar una web y evitar imprevistos en nuestro objetivo.

Las tecnologías soportadas por la aplicación son:

La lista de navegadores disponibles en las tablas es la siguiente:

Internet Explorer
Firefox
Chrome
Safari
Opera
iOS Safari
Opera Mini
Android Browser
Blackberry Browser
Opera Mobile
Chrome para Android
Firefox para Android
IE Mobile

Cuando se revisa la información de una propiedad en particular, por ejemplo @font-face, se puede ver la siguiente información:

Se indica el estado del proceso de desarrollo la propiedad: Proposed Recommendation, Candidate Recommendations, Last Call Working Drafts, Working Drafts o Group Notes.
Estadísticas del uso de la propiedad en la web.
Recursos relacionados en Internet para el uso de la propiedad en cuestión.
Listado de los navegadores mencionados con todas sus versiones, en ellas se indica si la especificación está soportada, no soportada, parcialmente soportada o se desconoce si tiene soporte.

Cabe mencionar que la información mostrada en las tablas está constantemente actualizada, como se puede ver en su feed.

Link: CanIUse

¿Qué les pareció? ¿Conocen alguna otra página similar?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

sábado, junio 29, 2013

El futuro y presente de HTML 5 [Infografía]

Los tiempos van cambiando a pasos agigantados y las nuevas tecnologías parecen desarrollarse también rápidamente y a un ritmo acelerado con nuevas y mejores tecnologías que aparecen. Este es el caso de HTML, que ha evolucionado a su versión 5. Lejano ya de la primera versión que apareció en 1991, 22 años atrás.

En la siguiente infografía se muestra la información sobre el estado 'actual' de HTML5 (se trata de una estándar en desarrollo que está constantemente en cambio). A continuación mostramos alguna información importante:

¿Cuáles son las principales características de HTML5?

Son las siguientes:

Semántica
Utilización de aplicaciones web offiline y uso de almacenamiento (storage).
Acceso a través de diferentes dispositivos.
Conectividad
Uso de multimedia
Animaciones 3D y gráficos
Mejor performance
Uso de CSS3

Características de HTML 5 para las aplicaciones web de escritorio:

Características de HTML 5 para las aplicaciones web móviles:

Almacenamiento web
Animaciones en 2D
Selectores CSS3
Formularios avanzados
API de geolocalización
Soporte de video y audio streaming
Dibujo en canvas
Soporte offline

Esta es la infografía:

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

sábado, mayo 04, 2013

Any.do: Un gran gestor de tareas (To-Do List)

En el siguiente post les hablaré de Any.do, un excelente gestor de tareas que funciona en diferentes plataformas (aplicación de Google Chrome, Android. iPhone y versión web) y cuenta además con un diseño elegante.

A mucho nos ha pasado que tenemos que realizar una lista de cosas para hacer en el día: actividades diarias, trabajo, entre otros. En este caso un gestor de tareas es lo que se necesita, puesto que podemos trabajar con esta aplicación en el camino: en el teléfono, escritorio y mientras nos movilizamos.

Entre las características principales de la aplicación destacan:

Capturar lo que desea poner en lista de forma hablada.
Ordenar la lista de actividades arrastrando y soltando actividades (drag and drop).
Ordenar por fechas, carpeta o prioridades
Enviar recordatorios para las actividades que se debe de realizar.
Crear tareas con lista de sub-tareas para cada una de ellas.
Sincronizar tus actividades con la Google Tasks
Grabar tus actividades en la tarjeta SD del teléfono.
Compartir tareas con otras personas.
Personalizar la aplicación con otros temas.

Aquí tienen un video de su funcionamiento:

En resumen, esta aplicación sirve muy bien para su función. Si no tienen una aplicación para gestionar tareas, Any.do es muy recomendado.

¿Qué les pareció? ¿Conocen otra aplicación similar?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

viernes, marzo 15, 2013

HTML5: Cinco interesantes páginas web multimedia

Es fascinante ver las nuevas páginas web que uno se encuentra en Internet con sorprendentes contenidos multimedia generado con el nuevo estándar HTML5 o sea sin necesidad de plugins adicionales para nuestros navegadores como el Adobe Flash.

A continuación les dejo cinco webs divertidas en HTML5, solo necesitaremos de un navegador compatible como: Chrome, Firefox, Safari, Opera o Internet Explorer.

1.- Brandon Generator

Brandon Generator, o Las aventuras de Brandon, es un concepto muy interesante que es parte webcómic, parte cortometraje de animación, es un excelente experimento en HTML5. El contenido fue escrito por Edgar Wright (director de Hot Fuzz y Shaun Of The Dead ), ilustrado por Tommy Lee Edwards de LucasFilm, y narrado por Julian Barratt de The Mighty Boosh. Hay cuatro episodios de Brandon Generator en total, con los argumentos de episodios pasados generados por el público que interactuó con el contenido cuando fue subido a la web en el 2012. Microsoft estaba detrás de Brandon Generator, de ahí la aparición del logo de Internet Explorer en el sitio. Sin embargo, gracias al HTML5, el contenido está disponible para verlo en todos los navegadores modernos.

2.- The Rational Keyboard

The Rational Keyboard o el Teclado Racional, es una aplicación Web HTML5 de Fritz Obermeyer. Se compone de un generador de melodías que el usuario es capaz de cambiar. Las notas cambian constantemente con el fin de mantener la melodía que suena de manera agradable. Hasta que se producen problemas técnicos de sonido, en ese momento se aconseja poner en pausa el teclado para poder restablecerla. Hay cuatro diferentes formatos del instrumento, aunque al cambiarlos sólo se modifica el aspecto, más no el sonido. Es una página muy curiosa y bien trabajada.

3.- The Two Minute Test

The Two Minute Test o La prueba de dos minutos, es una web que hace varias preguntas para poner a prueba tu conocimiento general y/o nivel de inteligencia. El objetivo final es ver si tienes las habilidades básicas que se requieren para convertirse en un maestro. Las preguntas son presentadas en un formato visual agradable, con números flotantes, o las representaciones de los planetas del Sistema Solar, etc. Se comienza con 100 puntos de 100, y esta puntuación va cayendo a medida que cometes errores. Y a menos que seas @severito u otro científico popular, es un hecho que cometerás crasos errores. ^^ Sólo hay seis tareas para completar en esta curiosa web, y es una prueba de solo dos minutos. Suerte.

4.- Catifier

Catifier, es una divertida herramienta para probar a arrastrar y pegar gatitos en un fondo que podremos cambiarlo solo escribiendo la dirección donde este alojada nuestra imagen. Esta web no es la gran cosa pero divierte y más si ponemos de fondo fotos conocidas o de conocidos al cual podemos adornarlo de gatitos, de muchos gatitos. ^^

5.- Shiny Demos

Shiny Demos o Demos brillantes, nos ofrece un verdadero paquete de páginas webs en HTML5. Hay docenas de demostraciones que nos muestran el poder del HTML5, ninguna de las cuales nos llevará más de unos cuantos minutos para probarlos. Las aplicaciones utilizan diferentes elementos de HTML5, todos divididos en secciones para que podamos verlos fácilmente. Además de los juegos y pantallas interactivas de audio y vídeo, hay explicaciones de los diversos elementos que componen el HTML5. Esto podría ofrecer a los desarrolladores Web una nueva forma para entender mejor sus conceptos básicos.

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

viernes, febrero 22, 2013

Draw.io: Aplicación para elaborar diagramas en linea

Draw.io, es una increíble aplicación de Google Drive (TM) completamente gratis que nos permite dibujar o elaborar diagramas en linea sin necesidad de instalar nada en la PC. Su interfaz es bastante sencilla y fácil de usar, además podemos usarla vía web o descargar el addon o la extensión en nuestro navegador favorito Chrome está en español.

Para utilizar la web no necesitamos registrarnos, es totalmente gratis y los trabajos realizados pueden ser guardados en formato .XML para poder modificarlos más adelante; podemos imprimirlos, también permite exportar los diagramas a formatos .PNG, .GIF, .JPG, .PDF y .SVG; un dato interesante de esta herramienta web, podremos insertar el diagrama realizado en cualquier sitio web utilizando un código que nos genera la aplicación.

Con Draw.io podremos dibujar:

- Diagramas de flujo.
- Lenguaje Unificado de Modelado.
- Diagrama Entidad-Relación.
- Diagramas de red.
- Modelos de proceso de negocios.
- Organigramas
- Circuitos electrónicos.
- Wireframes y maquetas.

Características principales de Draw.io:

- Cliente HTML 5 nativo con soporte full de IE 6-8.
- Gran biblioteca de plantillas incorporada.
- Interfaz intuitiva de arrastrar y soltar.
- Función de buscar y agregar imágenes.
- Exportar a PNG/JPG/XML/SVG/PDF.
- Soporte de dispositivos táctiles.
- Código de fuente completo en GitHub
- https://github.com/jgraph/draw.io.
- Colaboración en tiempo real.
- Insertar diagramas en blogs o wikis.

Enlace a la página web: draw.io

Enlace al addon de Chrome: draw-diagramas

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

jueves, febrero 21, 2013

Mozilla Thimble: El editor web de Mozilla

En este post les hablaré de Thimble, el editor web online de Mozilla. Este sencillo editor web nos permite desarrollar una sencilla página web online y poder publicarla en los servidores de esta aplicación, si es que queremos hacer pública dicha página en la web y que sea visible para todos.

Se trata de un simple editor online en el cual podemos escribir el código HTML de una página web e ir probando los resultados en la parte derecha de la página. Una vez que tenemos el resultado deseado, es posible publicarlo la página web y hacerla pública, si es que se desea que otras personas pueden verla. Un ejemplo de cómo queda el diseño final de una página web puede ser visible en el siguiente link.

Si desean crear una sencilla página web y no tienen un editor instalado html en la computadora, pueden probar esta herramienta online y publicarlo en la web para compartirla.

¿Qué les pareció? ¿Conocen algún editor con las mismas características?

Link: Thimble

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

lunes, enero 14, 2013

moqups: Una herramienta para wireframing

En el siguiente post les hablaremos de moqups, una gran herramienta para wireframing, también conocido como esquema de página o plano de pantalla. Esto hace referencia a crear guías visuales como esqueleto o estructura visual de un sitio web. De este modo, es posible crear prototipos de futuros proyectos web, modelos de experiencia de usuario de aplicaciones móviles nativas, prototipos de software de escritorio, entre otros.

Una de las características que más me gustó de esta herramienta es que está hecha en html5 y que permite poder extraer todos tos modelos a formato pdf. Si empiezan a crear una página web y necesitan crear prototipos, esta es una herramienta recomendada.

Link: moqups

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

miércoles, agosto 29, 2012

Pineapple.io: Directorio de recursos para webmasters

Si te gusta diseñar, editar fotografías, crear o eres un webmaster que te gusta transformar los themes (temas, modelos, formatos) de tus blogs, etc; el directorio Pineapple.io sera de tu agrado ya que encontraras muchos recursos útiles para diseñadores y desarrolladores web en un solo lugar.

En Pineapple, podemos encontrar de todo sobre: javascript, css, ruby, python, css3, scripts, web development, jquery, vim, html, linux, Emacs, Photoshop; herramientas, tutoriales, assets, etc. También podremos marcarlos como favoritos, para localizarlos más tarde en nuestro perfil (tendremos que registrarnos para esto) y desglosarlo por temática.

Usar la pagina es superfácil, ya que debajo de su buscador principal encontraremos todos los temas descritos, divididos en tres categorías principales como: Tutoriales, Herramientas y Assets o recursos como códigos (scripts, marcos) o archivos como imágenes (texturas, fondos, fuentes, iconos), etc.

Todas estas herramientas del directorio son gratuitos (en su gran mayoría). Y siempre encontraremos nuevos recursos ya que es una web donde los diseñadores y desarrolladores comparten estos trabajos con sus colegas. Tu también puedes compartir tus webs o recursos favoritos en el directorio. :D

Enlace a: pineapple.io

Ver la página web en español: pineapple.io

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

sábado, agosto 25, 2012

Clay.IO: juegos multiplataforma en HTML5

Los juegos en HTML5 se están poniendo de moda a la vez que se va perfeccionando el nuevo lenguaje de hipertexto, es por eso que sitios web como Clay.IO tienen la firme intención de reunir: juegos en HTML5, jugadores y desarrolladores en su web para que puedan disfrutar de estos juegos en la PC vía web o por teléfono móvil (Cross-Platform Games).

Estos juegos son simples pero muy entretenidos, podemos tener acceso a ellos sin necesidad de registrarnos, pero si desean obtener su score en cada uno de los juegos tienen forzosamente que logearse, pueden usar para esto sus cuentas de Facebook, Twitter o Google. De este modo las puntuaciones altas y las tablas de clasificación se mantendrán para ver nuestros progresos.

Si eres un desarrollador y ya estas registrado podras cargar los juegos que hayas creado. El sitio les proporcionara un API excelente para simplificar las cosas tales como el procesamiento de pagos y la integración a los medios de comunicación social.

Características principales de la web, Clay.IO:

- Nos proporciona juegos (multiplataforma) en HTML5.
- Para los registrados mantienen sus tablas de clasificación.
- Para los desarrolladores registrados les proporciona un API.

Enlace a: clay.io, juegos multiplataforma en HTML5

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

domingo, agosto 19, 2012

SnipSource: Comparte tus fragmentos de código y/o texto

SnipSource, es una práctica herramienta en línea para la gente que desea compartir snippets (del ingles: fragmento; extraído de algo o pequeños fragmentos) rápidamente con los amigos, compañeros de trabajo o entusiastas desarrolladores web en línea como nosotros. :D

SnipSource, no solo nos permite compartir fragmentos de código de los lenguajes de programación más populares como: HTML, CSS, Javascript, etc. Sino también podremos compartir texto normal, común y corriente.

Para empezar sólo le damos un "título" a nuestro fragmento de código en el recuadro de texto en la parte superior de la web SnipSource.com. Y en el segundo recuadro, debajo, escribimos el fragmento de código o texto, a compartir online. Una vez hecho esto, hacemos clic en "submit" y nos arrojara un código URL único para compartirlo con nuestros amigos interesados en nuestros códigos para que puedan descargarlos y verlos e incluso podremos protegerlos con una contraseña (el cual obviamente tendremos que proporcionarlo para que puedan ver nuestros códigos).

Características principales de SnipSource.com

- Es un servicio fácil de usar, para compartir pequeños y medianos fragmentos de códigos con otras personas.
- También podremos compartir texto plano o normal.
- Con la opción Extra Settings (parte superior derecha de la web) podremos proteger nuestros fragmentos de código con una contraseña.

Otras herramientas web parecidas:

* Postable
* SnipSave
* Codesnipp.it

Enlace: SnipSource.com

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

jueves, agosto 02, 2012

Los mejores posts de RFS Digital Mayo de 2010

Cómo averiguar la versión de Java que tienes instalada: En el siguiente post veremos cómo averiguar la versión de Java instalada en nuestro computador y actualizarlo, en caso de ser necesario. Java es un lenguaje de programación orientada a objetos desarrollado por Sun Microsystems (ahora propiedad de Oracle) alrededor de los años 90. Y cuya popularidad se ha extendido al punto de ser uno de los lenguajes de programación más populares tal como lo demuestra este gráfico:

Buscadores de archivos en formato PDF: PDFGeni es un buscador de archivo en PDF efectivo y fácil de usar, está especializado tanto en temas de negocios como de computación, revistas e ingeniería. PDF Search Engine: Otro buscador que permite encontrar archivos en formato .ppt, .pdf y .doc.

Varios demos y ejemplos en HTML5: Html5demos es una página desarrollada por Remy Sharp con varios ejemplos interesantes en HTML 5 que pueden ser soportados en Firefox, Opera, Safari y Chrome. Asimismo podemos ver el código. Todos los trabajos están bajo licencia Creative Commons Share Alike 2.0.

Buscadores web semanticos (Parte I): En este post mostraremos una lista de buscadores web semánticos. Antes de ello daremos una pequeña definición sobre la web semántica y sobre qué trata un buscador ¿Qué es la web semántica? De acuerdo con la W3C, la web semántica es una Web extendida, dotada de mayor significado en la que cualquier usuario en Internet podrá encontrar respuestas a sus preguntas de forma más rápida y sencilla gracias a una información mejor definida.

Buscadores web semanticos (Parte II): Este post es una continuación de la primera parte sobre buscadores web semánticos.

Yougetsignal.com, nos informa cuantos dominios se alojan en un hosting: A la hora de buscar Hosting o alojamiento para nuestro/s blog/s es importante cerciorarnos de que dichas empresas cumplan con lo prometido "en sus respectivos planes de alojamiento" web. Una buena herramienta online para ver con que (tipos de) webs compartimos nuestro hosting ya alquilado es Yougetsignal que con solo poner el nombre (dominio) de nuestra página web (o el de cualquier otra página) podremos ver si dicho hosting está muy cargado de otras páginas web (lo cual puede poner lento el desempeño de nuestra pagina web) o también observar que tipo de alojamiento web (hosting) pueden estar usando ciertas webs de nuestro interés, las cuales podrian ser:

Juegos desarrollados en JQuery: En este post mostraremos una lista de juegos desarrollados on JQuery (un framework o biblioteca de JavaScript). JQuery permite hacer simple la interacción con documentos HTML, manejar eventos, interactuar con Ajax y realizar animaciones.

Los límites de los usuarios en Twitter: Este genial infografía vista en el blog de Gaby Castellanos nos muestra los límites que tenemos nosotros los usuarios en Twitter.

40 cosas que probablemente no sabías de Linux: Quien no conoce el sistema operativo GNU/Linux. Éstas son algunas de las cosas que le han ocurrido en sus ya 18 años de vida. 1. Linux Torvalds desarrolló Linux mientras estudiaba en la Universidad de Helsinki en 1991. 2. El año pasado, el 75% del código creado para Linux fue desarrollado por programadores que trabajan en empresas privadas.

Cómo utilizan las empresas las Redes Sociales: Un interesante gráfico que nos muestra el uso de las redes sociales por parte de las empresas a nivel mundial. Algunas de las cosas más interesantes: El 79% de empresas a nivel mundial tienen al menos una cuenta en Twitter, Facebook, YouTube y un blog y 20% tienen cuentas en todas. Las redes o medios más usados son Twitter (65%), Facebook (54%), YouTube (50%) y Blogs Propios (33%)

Facebook: Comprueba tu nivel de privacidad: Gracias a Profile Watch, podrás comprobar el nivel de privacidad que tiene tu cuenta dentro de Facebook. Con ello podrás ver la información que publicas y que puede ser vista por cualquier persona en la red.

¿Qué les parecieron las aplicaciones mostradas? ¿Conocen algún servicio similar a los presentados? Pueden dejar sus comentarios en este post.

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

martes, julio 03, 2012

La Evolución de la Web: Gran infografía interactiva

En el siguiente post, les hablaremos de La Evolución de la Web, una gran infografía interactiva presentada en Visual.ly por el usuario Edy que nos habla sobre el avance tecnológico que he tenido la web a los largo de los años. Como lo explican en la misma página, en su versión en español:

La Web de hoy es un universo de aplicaciones y páginas web interconectadas lleno de vídeos, fotos y contenido interactivo. Lo que no ve el usuario es cómo interactúan los navegadores y las tecnologías web para hacer que esto sea posible.
A lo largo del tiempo, las tecnologías web han evolucionado hasta permitir que los desarrolladores puedan crear nuevas e increíbles experiencias web. La Web actual es el resultado de los continuos esfuerzos de una comunidad web abierta que ayuda a definir estas tecnologías web, tales como HTML5, CSS3 y WebGL, y garantiza que todos los navegadores web las admitan.

En esta infografía animada aparece la evolución de los principales navegadores del mercado como Firefox, Chrome, Opera, Safari e Internet Explorer como también de otros proyectos desaparecidos como Netscape Navigator.

Imagen de la evolución de la Interfaz de Usuario (UI / User Interface) de Netscape Navigator.

En la imagen la versión 9 del mismo

Algunos hechos interesantes que me llamaron la atención:

El tráfico de Internet durante el 2011 fue de 27 483 Petabytes(PB) por mes. Esto, comparado a los 5 000 Petabytes(PB) por mes en el 2005, solo hace 7 años el tráfico ha crecido más de 5 veces.
El número de usuario en el 2011 llegó a 2270 millones, comparado a los 1000 millones de usuarios que llegó durante el 2005, muestra que dicho número ha crecido más de dos veces.
El protocolo HTTP (Hypertext Transfer Protocol) se gestó a inicio de 1991 con la versión 0.9. Aquí pueden ver la referencia en la página del W3C.
JavaScript fue gestado a mediado de 1995, a sus casi 17 años ha revolucionado la web.

Cabe mencionar que la información mostrada en la infografía proviene de sitios reconocidos dentro de la comunidad web como Wikipedia, CanIUse, W3C, HTML5rocks y Mozilla Developer Network.

Al hacer click en ver mayor información sobre canvas, la etiqueta de Html5, me redirige a CanIUse para la lista de navegadores que lo soportan.

Personalmente me parece una buena infografía que recoge no solo pasajes de los navegadores de internet, sino también recoge al avance de distintas tecnologías web como html y css. Esto lo convierte en una presentación sobre la web que debes de ver.

Link: The Evolution of the Web

¿Qué les parece? ¿Conocen algún hecho que no esté listado? ¿Conocen otra infografía similar?

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

viernes, junio 22, 2012

mothereffinganimatedgif: Crea Gif Animados subiendo fotos

En este post les hablaremos de mothereffinganimatedgif, esta sencilla página te permite poder crear GIFs animados, a partir de tus imágenes o cualquier imagen que quieras agregar a la animación, así de sencillo.

Para crear el gif animado, debemos arrastrar las imágenes que compondrán la animación y configurar la velocidad de transición, calidad y tamaño de las imágenes, obteniendo finalmente la animación gif para bajarlo a la PC.

El proyecto en cuestión ha sido creado por Paul Irish quien ha compartido el código del proyecto en GitHub el cual puede ser accedido en el siguiente repositorio.

Asimismo, pueden más aplicaciones para crear gif animados:

¿Conoces alguna aplicación similar para crear gifs animados? Compártelo en los comentarios

Link: mothereffinganimatedgif

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google +.

lunes, mayo 28, 2012

Giza 3D: Viaje por las Pirámides de Egipto en 3D

Las pirámides de Egipto son una de las maravillas del mundo más llamativas, sobretodo por el tiempo en el cual fueron construidas: alrededor del año 2750 antes de Cristo. Ahora tienes la posibilidad de poder explorarlas a través de esta aplicación que lanza una presentación, además de tour interactivo en 3D.

Algo de lo que particularmente me llamó la atención sobre esta presentación es que la presentación mostrada esta hecha en HTML5, y es posible ver la animación navegando con el uso de la rueda del ratón (haciendo scrolling).

Imágenes de las Pirámides de Egipto - Wikipedia

Adicionalmente es posible ver un recorrido en 3D, aparte de la presentación explicada anteriormente, haciendo uso de 3dvia Player, un programa para poder visualizar esta animación que vale la pena instalación para poder ver la animación por completo.

Link: Giza 3D

viernes, abril 27, 2012

Doodle en honor a Stainslaw Lem (Juego)

En este post les comentaré sobre un particular doodle, algo antiguo, que llamó mi atención desde que lo vi: Un divertido juego en Html5, mostrado en Google en los países de Europa el 23 de Noviembre en honor al escritor de ciencia ficción polaco Stanislaw Lem. Es el segundo doodle juego después del Pac-Man. Se trata de un pequeño juego a modo de historia en la que el personaje pasa por diversos sitios resolviendo una serie de puzzles.

¿Quién fue Stainslaw Lem?

De acuerdo con la Wikipedia:

Fue un escritor polaco cuya obra se ha caracterizado por su tono satírico y filosófico. Sus libros, entre los cuales se encuentran Ciberíada y Solaris, se han traducido a 40 lenguas y ha vendido 27 millones de ejemplares. Es considerado como uno de los mayores exponentes del género de la ciencia ficción y uno de los pocos escritores que siendo de habla no inglesa ha alcanzado fama mundial en el género.

El motivo del doodle en cuestión fue por el aniversario número 60 de Ciberíada, una serie de historias corta que fuera el primer libro del autor. Vale la pena darle un vistazo al juego.

Link: Doodle de Stainslaw Lem

lunes, abril 16, 2012

Codecademy: Aprende a programar de forma sencilla

Codecademy es un site en el cual puede aprender a programar de forma sencilla. El propio sitio se encarga de darte lecciones cortas que puedes ir realizando en sesiones cortas dependiendo de tu uso del tiempo. A medida que vas avanzando, se van mostrando lecciones más complicadas y de esa forma podrás medir tu progreso. Al final podrás tener el conocimiento básico sobre la programación.

Probé por casi una hora la aplicación y me parece que vale la pena que personas con conocimientos básicos de programación o que desean aprender a programar desde cero puede aprovechar esta herramienta. Es posible también obtener reconocimiento a través de badges que se pueden twittear (al estilo de foursquare).

Link: Codeacademy

miércoles, abril 11, 2012

Tiggzi: Editor de aplicaciones web móviles

Tiggzi es una plataforma que permite poder crear aplicaciones móviles con suma sencillez. Es posible agregar diferentes elementos como etiquetas (o labels), botones, formularios, mapas, títulos, entre otros diferentes elementos de la interfaz gráfica de usuario.

A través de una asistente te permite escoger la mejor opción para lo que deseas realizar; asimismo, puedes agregar una plantilla sobre la cual trabajar, tanto si se trabaja para una aplicación que funcione en formato vertical (portrait) como horizontal (landscape), respecto a la orientación de pantalla. Una vez terminado el trabajo es posible exportar el trabajo en un archivo zip.

En el siguiente video se puede ver un poco más acerca de la interfaz gráfica de la aplicación para poder crear aplicaciones:

Se trata de una aplicación que vale la pena probar, para aquellas personas quienes se inician en el desarrollo de aplicaciones móviles, ya que es intuitivo y ofrece cierto grado de personalización de aplicaciones. Por otro lado, la versión gratuita ofrece limitaciones como aplicaciones con un máximo de 10MB, a comparación de las versiones de pago. Aun así es una alternativa que se ofrece al usuario para poder crear tus propias aplicaciones móviles.

Link: Tiggzi

sábado, marzo 24, 2012

Juegos Recomendados gratuitos en HTML5

En este post mostramos algunos juegos desarrollados en HTML5 para poder pasar el tiempo libre. Esta es nuestra lista:

Web Snooker: Este juego es un billar hecho en HTML5. El diseño te permite jugar sin problemas.

Z-Type: En este juego de naves debes de tipear las palabras que están juntas a cada asteroides para poder destruirlo. Los gráficos son buenos es un juego que va poniéndose difícil a medida que el juego va desarrollándose.

Favimon: Este juego tiene las mismas características que el juego de Pokemon, pero con los íconos de diferentes páginas web. La fuerza, vida o nivel de ataque variarán dependiendo de su popularidad, pagerank, entre otros.

Marble Run: Este juego permite diseñar una pista en la cual una pequeña bola debe de llegar hasta su destino.

Robots are People Too: Este es otro juego en el cual un robot debe desplazarse a través del mapa e ir jugando diferentes tipos de puzzle para ir avanzado de nivel.

Sketchout: Para mí es el mejor juego por su calidad gráfica y por el grado de entretenimiento que tienes jugándolo.

viernes, marzo 16, 2012

Juegos en HTML5

Mozilla Labs Gaming es un portal creado con la finalidad promover el desarrollo de juegos en HTML5. En este se encuentran una serie de diferentes juegos desarrollados en HTML5 que fueron candidatos en el Game On .

Estos juegos han sido desarrollados con el uso de tecnologías abiertas, tanto como el lado de cliente (HTML, CSS, JavaScript) como el del servidor (PHP, Python, Ruby o Java), con el uso de bibliotecas y sin utilizar plugins en el browser.

Link: Mozilla Labs Gaming