Con las múltiples posibilidades que ofrecen las aplicaciones online como trabajar desde cualquier dispositivo, tener un almacenamiento casi ilimitado y los archivos siempre a la mano, contar con características novedosas gracias a su continua actualización que responde a los requerimientos de los clientes, gratuidad y no depender de más de un navegador para manejar funciones avanzadas que se pensarían sólo en un programa de escritorio, resulta útil evaluar las posibilidades y elegir sabiamente sobre si hace falta seguir gastando el dinero en software de presentaciones que se instale en el PC. Continúa leyendo «6 de las mejores alternativas online gratuitas a PowerPoint»
Etiqueta: html5
emaze – Para hacer presentaciones en HTML5
Queriendo competir con PowerPoint y Prezi (de hecho hay una sección en la que comparan las funcionalidades de los tres sistemas), emaze.com se presenta como una interesante herramienta para crear presentaciones elegantes en pocos minutos.
Existen docenas de plantillas (en 2D y 3D) que podemos elegir para no empezar desde cero, siendo posible añadir textos, archivos multimedia y formas al mismo tiempo que alteramos colores y estructura de la información, siempre con la posibilidad de crear nuevas páginas y hasta secciones diferentes dentro de una misma presentación, algo en lo que se diferencia de la competencia, mucho más lineal en ese aspecto.
Además de usarlo como herramienta para crear y compartir presentaciones (podemos incluirlas en cualquier página web) es posible encontrar otras públicas realizadas por su comunidad de usuarios, existiendo una sección más «social» que quiere transformarse en red social de generadores de presentaciones en todo el mundo.
Al estar hecha en HTML5, la herramienta puede ejecutarse en ordenadores, tabletas y teléfonos móviles, con posibilidad de colaborar en el trabajo con otras personas, realizar traducciones automáticas usando Google y Bing, ejecutar el resultado sin necesidad de conexión a Internet, incluir enlaces y muchas más opciones disponibles en un panel de administración bastante sencillo e intuitivo.
El mundo de las presentaciones online sigue moviéndose. Ya en 2011 os presentamos varias opciones para hacer presentaciones con HTML5, hoy siguen naciendo soluciones en este sentido, como slid.es, de la que hablamos hace pocos meses. Herramientas que no dependen de ordenadores, que llegan a los dispositivos móviles, desde donde muchas veces se realizan las presentaciones actuales.
Gracias a Edmundo Pérez por el enlace.
3 cursos gratuitos para aprender HTML5 de Udemy
Para aquellos que deseen iniciarse en el mundo del HTML5 o que necesiten afianzar sus conocimientos, pueden encontrar en Udemy excelentes cursos gratuitos.
Por ejemplo, nos encontramos con Learn HTML5 Programming From Scratch, que no requiere conocimientos previos ya que nos inicia en los primeros pasos del HTML5. Se hara´un recorrido por la semántica de HTML5, el uso de formularios, conceptos básicos, introducción al CSS3, cómo manipular gráficos en pantallas, geolocalización, entre otros temas.
Para aquellos que deseen iniciarse en HTML5 pero con un curso en español pueden optar por Bases de HTML5, que además de analizar los conceptos básicos, veremos su aplicación en el desarrollo de diferentes estilos de página web. Por ejemplo si nos atrae el Responsive web design y deseamos conocer esta técnica de diseño, podremos verla de cerca en este curso.
Si ya contamos con conocimiento en HTML y queremos afianzar el tema, Upgrading skills with HTML5 new Features (libre por tiempo limitado) es una buena opción, ya que brinda los conocimientos necesarios para hacer la transición al HTML5 e integrar sus características en nuestros proyectos. Para poder acceder a los cursos solo tenemos que crearnos una cuenta ( loguearnos en caso de tener una) e inscribirnos en la propuesta de nuestro interés.
Y si deseamos complementar los cursos con recursos adicionales como guías, tutoriales o entornos de trabajo más completo, podemos encontrar excelentes sugerencias en los 9 interesantes sitios para empezar a trabajar con HTML5 que te recomendamos en un artículo anterior.
9 interesantes sitios para empezar a trabajar con HTML5
Aquí tenemos ahora varios enlaces que pueden ayudar a quienes desean empezar a trabajar con HTML5. Seguramente falta mucho para que Adobe Flash sea reemplazado, si es que sucede, pero mientras tanto nada mejor que aprender del HTML5 y su futuro poderío.
No importa el nivel de conocimientos, exceptuando las cosillas de CSS3 y otros fundamentos con los que se debería contar, hay opciones para todos los gustos:
1. HTML5 Boilerplate 3.0
Para no iniciar desde cero, HTML5 Boilerplate ofrece una excelente herramienta de aprendizaje en forma de plantilla, con montones de posibilidades y la documentación suficiente para realizarlas. Es un «esqueleto» de código optimizado fácilmente adaptable para empezar a desarrollar hasta para móviles, por supuesto, sin dejar a un lado la velocidad, estabilidad y seguridad.
Continúa leyendo «9 interesantes sitios para empezar a trabajar con HTML5»
Charts Ninja – Incluye gráficos HTML5 en tu sitio web
Si queréis mostrar algún gráfico con estadísticas en vuestro sitio web y aseguraros de que podrán se consultados desde cualquier dispositivos, echad un vistazo en chartsninja.com.
Nos lo presenta su creador, Daniel Sternlicht, como una buena solución para obtener datos de un archivo CSV, por ejemplo, y transformarlo en gráficos intuitivos dentro de cualquier sitio. Podemos incluir un módulo de estadísticas para poder conocer la cantidad de consultas realizadas a los datos, personalizar la estética del resultado y seguir un sencillo wizard para empezar a construir nuestro primer gráfico en pocos minutos.
En su web existe una sección con ejemplos para que podamos ver lo que otros ya han realizado con este sistema gratuito, siendo necesario el registro para poder obtener el código que copiaremos para incluirlo en nuestras páginas.
Nos es la primera vez que hablamos de una solución de este tipo. Recordad el artículo CanvasJS ”“ Crea gráficos interactivos en HTML5 y JS para tu aplicación web que escribimos hace pocas semanas, aunque en este caso parece que ChartsNinja es mucho más sencillo de usar, ideal para gráficos no muy sofisticados.
Microsoft lanza tour interactivo al Everest en HTML5
Hoy se cumplen 60 años desde que un hombre alcanzó la cumbre el Everest por primera vez (por lo menos de forma registrada). Para celebrar dicha fecha, Microsoft se ha asociado con GlacierWorks para lanzar glacierworks.org, un sitio web interactivo que permite explorar las áreas alrededor de la montaña más alta del mundo.
Está desarrollado en HTML5 con imágenes impresionantes y recorridos que muestran, entre otras cosas, los cambios sufridos en la región con el pasar del tiepo. GlacierWorks es una ONG que trabaja precisamente con los cambios en los glaciares del Himalaya, obteniendo imágenes como las mostradas en el vídeo inferior.
El proyecto incluye 7 TB de imágenes con fotos que llegan a una resolución de 5616 x 3744. Microsoft ha ayudado a unir toda esa información (fotos, vídeos y documentos) para ofrecer una excelente aplicación que nos ayudará a conocer mejor nuestro planeta.
Aunque, por motivos obvios, recomienda el uso de Internet Explorer 10, el sitio funciona también en las últimas versiones de otros navegadores, siempre y cuando sea compatible con HTML5, por supuesto.
HTML5 Up!, plantillas elegantes y editables para sitios web en HTML5
Ante la necesidad de crear un buen sitio web, y en caso de que no tengamos demasiados conocimientos de programación o demasiadas ganas de complicarnos la vida, es bueno tener a nuestro alcance herramientas como HTML5 Up!.
Este servicio nos presenta una colección de plantillas en html5, capaces de adaptarse a diversos dispositivos, para crear sitios web variados y animados, para que con unos pocos retoques y detalles podamos crear un sitio web propio rápido y profesional, incluso compatible para versión móvil. Para personalizar el sitio web al máximo y poder editar imágenes en él, sí hace falta tener algunos conocimientos de HTML. Si es así, sólo tendremos que descargar cualquiera de las plantillas que nos ofrecen y ponernos a crear la página a nuestro gusto.
En cuanto descomprimamos la plantilla ya la podremos abrir en nuestro navegador, para ir editando el index.html y personalizarlo a nuestro gusto. Por supuesto, podremos cambiar las imágenes presentes, los enlaces, etc., y aunque como hemos dicho el tema requiere de algunos conocimientos de programación, el código es simple y sólo ocupa una página, con lo cual es facilmente editable.
Podéis acceder a las diferentes plantillas que HTML5 Up desde la misma web principal.
Turbulenz, para programar juegos en HTML5, ya es Open Source
Os dejamos ahora una plataforma de código abierto que puede ayudar a todos los que estén pensando en desarrollar juegos en HTML5, una tendencia cada vez más popular al ser éstos compatibles tanto en ordenadores como en dispositivos móviles.
Se trata de turbulenz.com, un motor que permite crear juegos en 2D y 3D con grandes efectos de sonido, teniendo el código disponible (es open source) y permitiendo el registro de los programadores para el uso de su SDK.
En su web hay un enalce para jugar a algunos proyectos que ya han sido creados con su engine, siendo necesario tener un navegador que ejecute WebGl.
Aquí explican el proceso realizado para la transformación de Turbulenz en un proyecto de código libre, con enlaces a las diferentes herramientas que podemos usar para crear nuestro nuevo proyecto.
Comentan en Venturebeat que uno de los objetivos es permitir que los desarrolladores que usen Turbulenz puedan divulgar sus trabajos en una comunidad aún mayor, que pueda colaborar con el código de este sistema que ha conseguido crear maravillas como la mostrada en el vídeo que ahora os dejamos:
Continúa leyendo «Turbulenz, para programar juegos en HTML5, ya es Open Source»
Box compra solución para ver documentos en Internet usando HTML5
Si os digo que Box (solución de almacenamiento de archivos en Internet casi tan popular como Dropbox) ha comprado Crocodoc, igual no os dice mucho, pero si os presento Crocodoc como una solución que lleva años especializándose en la visualización de archivos en la web, y que tienen una solución que permite esta visualización usando HTML5, la cosa puede empezar a ponerse interesante.
Si guardamos documentos en Internet y tenemos que bajarlos para leerlos… perdemos gran parte de las ventajas que ofrece la nube. Lo ideal es poder leer el contenido del archivo directamente en la web, tal y como hace Google Drive o Dropbox con las fotos, y para eso en Box necesitaban una solución potente que ayude a aumentar la flexibilidad de su solución.
La solución de Crocodoc es usada en Yammer, es la que usa Linkedin para mostrar el CV desde la nube, la que utiliza Edmodo para mostrar documentos… y ahora es de Box.com
La tecnología de Crocodoc se convertirá en una parte fundamental de nuestra plataforma, impulsando experiencias de contenido para cada aplicación que utiliza el contenido, incluyendo software de recursos humanos, herramientas de e-learning, soluciones de firma de documentos y aplicaciones sanitarias.
Crocodoc ya ha aparecido en algunas ocasiones aquí, en WWWhatsnew. La última vez fue en 2011, cuando os presentamos su visualizador HTML5. Ahora, desde el blog de Box celebran la adquisición, ya que al tener esa tecnología podrán mostrar los documentos tanto en PC como en dispositivos móviles, algo ya fundamental.
iio Engine – Para programar aplicaciones en HTML5
Si estáis buscando un framework para programar aplicaciones en HTML5, echad un vistazo en iioengine.com.
Bien documentado, y con un SDK gratuito que permite desarrollar funcionalidades con pocas lineas de código, incluye un sistema de depuración avanzada, sin dependencias y con posibilidad de conectarse con Box2D (box2d.org, un recurso muy utilizado en los juegos 2D que quieren simular efectos realistas relacionados con la física).
una de las ventajas es que solo ocupa 45kb, como indican en webresourcesdepot.com, siendo de código abierto para que podamos cotillear entre todo lo que se esconde en sus lineas.
No requiere ningún framework JS adicional, por lo que no es necesario utilizar nada más que sus propias funciones y el ingenio de los programadores que apuestan cada vez más por el HTML5.
Por cierto, hablando de HTML5, espero que hayáis visto esto: lonely-pixel.com/lab/cloth/ (con el boton izquierdo del mouse lo movéis, con el derecho lo rompéis).