Swiffy, la herramienta de Google para convertir Flash a HTML5
El Stándar HMTL 5 cada día está más presente en los desarrollos de las aplicaciones, ya que nos proporciona una serie de mejoras y ventajas sobre otras soluciones como el uso de Flash. Adobe ya nos presentó una herramienta capaz de convertir Flash en HTML 5 y ahora ha llegado el turno a una herramienta desarrollada por Google, Swiffy, cuya misión es la misma.
Internet Explorer 9 y los estándares web
El pasado mes de mayo, se celebró un evento donde Javier Holguera habló sobre los estándares web, las nuevas características que aportan estos nuevos estándares, así como los procesos de estandarización y los organismos que lo regulan.
Primera preview de Internet Explorer 10
Sólo cuatro semanas después del lanzamiento de Internet Explorer 9, Microsoft ha desvelado la primera preview de Internet Explorer 10 durante su conferencia MIX11, que se celebra en Las Vegas.
Guía amiga para la creación de formularios HTML5
Una de las tareas más tediosas a la hora de diseñas webs, es la creación de los formularios de contactos, y ahora con la aparición del estándar HTML5, esto se complica un poquito debido a la gran cantidad de nuevas funcionalidades que nos aporta.
Web Camps 2011
En los próximos días, dará comienzo las jornada Web Camps 2001, una serie de jornadas que tendrán lugar en varias ciudades de la geografía española.
Nuevo logotipo para la versión HTML 5
HTML 5 ya tiene su logotipo final. Después de muchas vueltas, ya se ha seleccionado el logotipo que acompañará a la nueva versión de lenguaje HTML, y que lo acompañará a lo largo de su vida.
Editor HTML 5 de Aviary
Muchos hemos hablado de HTML 5, y recientemente comentamos un juego creado utilizando esto. Hoy nos hacemos eco de una nueva aplicación creada con HTML 5. Se trata de un editor de imágenes, llamado HTML 5 Photo Editor.
Pirates Love Daisies, un juego online creado con HTML5
Ya en muchas ocasiones hemos hablado del potencial de HTML 5, donde hemos visto aplicaciones creadas como editores de texto o editores de imágenes online.
Nude.js, un script que detecta las caras y los desnudos
Nude.js es una librería de JavaScript que te permite detectar en una imagen que le indiquemos los rostros, además de ser capaz de detectar si la imagen que le hemos indicado es de un desnudo o no. Esto lo podemos aprovechar para cuando hay un desnudo, dar un aviso para que los usuarios sepan de su existencia.
Añade información a los vídeos con HTML 5 y Popcorn
PopCorn es una iniciativa que añade información extra a los elementos “video” y “audio” de HTML 5, permitiendo a los usuarios mostrar información extra sobre los vídeos, subtitulso, geolocalización....
Diagramo, un generador de diagramas online creado en HTML 5
Poco a poco van apareciendo aplicaciones creadas con HTML 5, como es el caso de la aplicación Diagramo, un servicio que nos permitirá la generación de diagramas de flujo online, pero que aún está en fase beta, a falta de implementar muchas funcionalidades, pero que tiene lo necesario para crear estos diagramas.
Hoja de ayuda para canvas de HTML 5
Canvas es una funcionalidad que aporta HTML 5 que abre muchas posibilidades y que poco a poco se va introduciendo en la creación de web, aunque tiene el problema de que no todos los navegadores lo aceptan aún.
Test de HTML 5 para los navegadores
Cada día se utiliza más html 5 en el desarrollo de aplicaciones web, pero no todos los navegadores soportan todos los estándares de esta nueva versión, por lo que en distintos navegadores se pueden mostrar de forma distintas el mismo código.
Tabla periódica de los elementos HTML 5
Hoy hemos visto una curiosa creación de Josh Duck. Se ha dedicado a recopilar todos los elementos que forman parte del nuevo HTML 5 y lo ha colocado en una tabla periódica como si de elementos químicos fueran.
Hoja resumen de características HTML5
Cada día que pasa, HTML 5 toma más fuerza, aunque todavía está muy lejos de ser implantado en todos los desarrollos. Para todos aquellos que lo utilizan y quieren tener una guía que les sirva de ayuda a la hora de poder utilizarlo, tienen la posibilidad de utilizar una ayuda que han creado los encargados de Dive into html5.
HTML5 Boilerplate
HTML5 Boilerplate es una aplicación web que nos proporciona un conjunto de plantillas HTML/CSS/JS para que podamos iniciar el desarrollo de nuestro propio sitio web de un modo rápido, robusto y profesional.
AviaSlider un plugin de jQuery para hacer transiciones de imágenes
AviaSlider es un plugin muy sencillo de utilizar, que nos permitirá hacer transiciones de imágenes de forma sencilla y muy vistosa en nuestros desarrollos. El plugin viene con una imagen precargada hasta que el listado de imágenes esté lista para ser mostradas.
FlyTreeView for ASP.NET
FlyTreeView for ASP.NET es un completo control treeview destacados. No requiere marcos adicionales Javascript. FlyTreeView para ASP.NET características nativas. Modelo de datos de apoyo NET vinculante y completa de Visual Studio 2005-2010, casillas de verificación y botones de radio, carga dinámica de nodos, menú contextual, arrastrar y soltar, el comportamiento y personalización ilimitada de estilo junto con la colección de treeview predefinidos estilos, conveniente API de cliente.
CloudCanvas, una alternativa al Photoshop creado en HTML5
CloudCanvas es una aplicación web gratuita que te permite la edición de imágenes al estilo que haces utilizando Photoshop. Es una utilizad muy sencilla de manejas y cualquier usuario que no tenga conocimientos de diseño gráfico, lo podrá utilizar sin problemas.
Aloha Editor, un editor para tu web en HTML5
Aloha Editor es un componente que podemos instalar en los sitios webs, para que los usuarios puedan modificar el contenido de estos, de una forma sencilla y sin la necesidad de utilizar ninguna administración.
Adobe añadirá soporte 3D en la próxima versión de su plugin
Con la llegada de HTML 5 a todos los navegadores, la utilización de Flash corre peligro, y la empresa Adobe a pasado al ataque para evitar que el uso de Flash disminuya, tal y como se preveé cuando el estándar HTML5 se implemente en todos los navegadores. Por eso, Adobe ha anunciado que su próxima versión vendrá con soporte para 3D.
Firefox anunció la primera beta de la versión 4 del navegador
Días atrás Mozilla anunció el lanzamiento de la primera beta de su navegador Firefox. Esta nueva versión trae una serie de novedades tanto para usuarios como para desarrolladores.
Firefox 4.0 versión pre-beta
Los desarrolladores del navegador Firefox, han anunciado que la versión 3.7 de su navegador han cambiado de objetivos y ha pasado a la versión 4.0 pre-beta.
FlareVideo un reproductor para HTML 5 de código abierto
FlareVideo es un reproductor de vídeo basado en HTML5 que detecta de forma automática si el navegador soporta HTML5. Si no lo soporta, muestra un reproductor flash.
Yahoo! Libera aplicaciones para Android y iPhone
Yahoo! Ha anunciado la liberación de varias aplicaciones para que sean utilizadas en los dispositivos móviles que utilizan Android, sistema operativo de Google, y iOS, el sitema operativo de iPhone, y es que Yahoo no quiere quedar atrás en los dispositivos móviles.
Versión 10.6 Beta de Opera
Opera ha anunciado el lanzamiento beta de la nueva versión de su navegador. Estamos hablando ya de la versión 10.6, que trae bastantes mejoras con respecto a su antecesor, la versión 10.5. Por ahora esta nueva versión solo está disponible en inglés, pero ya la podemos ir descargando para empezar hacer pruebas con ella.
HTML5Rocks.com, la web de Google relacionada con html5
Ahora que está todo el mundo loco con HTML5, Google ha lanzado una web donde podremos encontrar todo tipo de referencias sobre HTML5, ya sean tutoriales, ejemplos, ...
Sencha Touch, un framework para desarrollar aplicaciones para dispositivos móviles
Sencha Touch es un framework pensado para poder desarrollar aplicaciones para dispositivos móviles sin apenas esfuerzos. Este framework permite sacar todo el potencial a HTML5, CSS3 y javascript.
Nueva sección de Apple dedicada al HTML5
En la web de Apple nos encontramos una nueva sección dedicada a la versión 5 de HTML, y es que esa companía parece que apostará fuerte por acelerar la transicción hacia esta nueva versión del lenguaje de marcado.
WebM el nuevo codec de Google para vídeo
Webm es el nombre del proyecto que ha realizado Google para competir con el sistema H264. Es un proyecto libre que en breve se podrá utilizar.
Soporte HTML5 y CSS3 en beta en Dreamweaver CS5
Adobe acaba de lanzar una extensión para dotar a Dreamweaver CS5 de compatibilidad con HTML5 y CSS3.
Firefox 4 saldrá a la luz el próximo Otoño
Mozilla anuncia la nuevar versión del navegador Firefox, para el próximo Otoño, con un gran cambio de cara y nuevas funcionalidades, y sobre todo reducir el consumo de memoria.
Scribd comienza su migración a HTML5
Esto ya no hay quien lo pare, el avance de HTML5 sobre Flash es una realidad y servicios para visualizar todo tipo de documentos embebidos en web han comenzado a migrar también.
Versión Beta Google Chrome 5
En el blog oficial de Google Chrome, vemos que ya han lanzado la nueva versión 5 beta del navegador Google Crome, donde nos aseguran que es bastante mas rápido que las anteriores versiones.
Frameworks para el desarrollo de aplicaciones web y móviles
Con el paso del tiempo, el desarrollo de aplicaciones webs ha ido siendo más sencillo, ya que los desarrolladores no deben perder el tiempo en averiguar como crear algo, ya que muchas cosas en la actualidad ya están creadas, y podemos hacer uso de ellas, por medio de bibliotecas o de frameworks, que nos facilitan muchos las cosas.
Implementar Pinned Mode con Internet Explorer 9
El día 14 de Marzo, Microsoft publicó la versión definitiva de su nuevo navegador Internet Explorer 9. Entre otras novedades que presenta esta versión encontramos una que resulta muy interesante para las aplicaciones Web.
Top de juegos realizados con HTML 5
En muchas ocasiones, ya hemos hablado sobre la gran potencia que nos proporciona el nuevo stándar HTML 5, con el que se pueden hacer muchas cosas, que con la anterior versión era complicado de conseguir.
Validación de formularios en HTML 5
Con la llegada de HTML 5, los desarrolladores tendrán más facilidad a la hora de realizar tareas cotidianas como era la validación de formularios. HTML 5 incluye nuevas etiquetas que nos ayudarán a este propósito.
LeanBack Player, reproductor HTML 5 con subtítulos
LeanBack Player es un reproductor HTML 5 que han desarrollado con la novedad de que permite la incrustación de subtítulos en los vídeos que queramos mostrar. La forma de hacer esto es muy sencilla, ya que se hará por medio de la propiedad “track” de HTML5.
Geolocalización con HTML 5 utilizando el API de Google
HTML5 entró en escena a principios de año, pero como estamos viendo más navegadores cada vez más sofisticadas y aplicaciones de forma más inteligente de cómo podemos utilizar HTML5 a nuestro favor y qué puede hacer para hacer la vida un poco más fácil. Bueno una de las cosas que podemos hacer es trazar su ubicación en un mapa de Google con el API de Google Maps y un toque de HTML5.
ORM con javascript y WebSQL
ORM (Mapeo objeto relacional), es una técnica de programación que utilizan muchos framework para mapear los datos de una base de datos a objetos que podemos utilizar en nuestros scripts, simplificando notoriamente la forma de trabajar entre los objetos y las bases de datos relacionales.
Dibuja en el navegador utilizando la librería Artisan JS
Con la aparición del nuevo standar HTML 5, la funcionalidad a la hora de hacer el diseño de las webs ha aumentado, pudiendo el usuario interactuar más con las aplicaciones.
Crear un reproductor de música utilizando HTML5
El nuevo estándar HTML 5 nos proporciona nuevas etiquetas que facilitan mucho las cosas a la hora de crear nuestras aplicaciones. Una de ellas es la etiqueta “audio”, que nos permitirá crear un reproductor de música para el archivo que le indiquemos.
VideoJS, un reproductor de vídeo en HTML 5
VideoJS es un reproductor de vídeo en HTML 5 que hace que no sea necesario la utilización de tecnología flash para poder reproducirlos. Al estar basado bajo el estandar HTML 5, será compatible con los dispositivos móviles.
Creando un Slideshow en HTML 5, utilizando canvas y jQuery
Problemente, el que mas o el que menos, ya ha escuchado hablar alguna vez del nuevo elemento que implementa HTML 5, canvas, que nos permite crear un lienzo donde poder crear y modificar gráficos.
Validar formularios en HTML 5 sin la necesidad de utilizar JavaScript
En este tutorial vamos a ver la forma de crear formularios cuya validación no se hará con JavaScript, sino que todo se hará por medio de las nuevas funcionalidades de HTML 5. La pega de estos formularios es que no todos los navegadores implementan aún estas nuevas características.
Crear página 404 con una animación mediante HTML 5, CSS y jQuery
Cuando en una aplicación web se pone alguna dirección que no existe aparece la página de error 404 página no encontrada. Como por todos es sabido, esta página de error se puede personalizar para hacerla más amigable.
Valida formularios con el plugin para jQuery html5form
Html5form valida de forma nativa los formularios que se han creado siguiendo el nuevo estádar HTML 5. No requiere de javascript, pero tiene como desventaja que no todos los navegadores permiten su utilización, por ahora solo Safari y Chrome.
Web Workers en HTM 5
Además de las nuevas etiquetas que trae HTML 5, trae nuevas funcionalidades que afectan al funcionamiento de los javascript. En este caso, los Web Workers es una nueva funcionalidad que permite ejecutar scripts en paralelo (background) evitando que se bloquee la interfaz de usuario.
Crear una apariencia de notas adhesivas con CSS y HTML 5
En este tutorial vamos a ver la forma de transformar una lista de HTML en un original efecto donde aparecerán como notas adhesivas donde anotar nuestras notas.
Propiedad contentEditable de HTML 5
Como ya vimos en un artículo anterior, donde hacíamos referencia a los nuevos atributos que nos proporciona HTML 5. ContentEditable es uno de estos nuevos atributos que nos permitirá editar los elementos que lo contengan dentro del documento, además de los elementos hijos dentro del padre
Crear aplicaciones offline con HTML 5
Crear aplicaciones que se puedan ver de forma offline, puede tener sus ventajas según en que circunstancias, como puede ser en los dispositivos móviles que no siempre están conectados a la red.
Geolocalizacion de HTML 5 aplicado al iPhone
El nuevo standar HTML 5, trae funciones de geolocalización, que nos permiten saber los datos de nuestra situación actual. Esto se podría utilizar en una aplicación para iPhone, para poder saber en todo el momento nuestra situación, utilizando para ello GoogleMap.
Diversas acciones que se pueden hacer sobre un textarea
Vamos a ver una serie de opciones que se pueden utilizar sobre los textareas para darle más funcionalidad de una forma sencilla. Algunas de estas cosas solo será posible utilizarla sobre navegadores que implementen HTML 5.
Crear un plugin para jQuery que cree un Pop Up
En este tutorial, vamos a ver la forma de crear un pequeño plugin para jQuery, que creará un Pop-up, al que le podremos asignar los valores de la cabecerad y del cuerpo.
Ejemplo de WebSockets con HTML5
WebSockets es una caractarística que incorpora HTML5 que permitirá mejorar las aplicaciones web, permitiendo crear un canal de comunicación bidireccional entre el cliente y el servidor, solucionando los problemas que presenta AJAX.
Almacenamiento de datos utilizando Web SQL Database
HTML5 proporciona un almacenamiento de datos en base de datos local. Esta funcinalidad solo está implementada en aquellos navegadores que permiten la ejecución de HTML 5 como es el caso de Chrome o de Safari
Almacenamiento local utilizando HTML 5
Los navegadores que soportan HTML5 permiten el almacenamiento de datos de forma local, similar a como funcionan las cookies, pero en este tipo de almacenamiento, los datos que se guardan pueden ser bastantes más grande que en las cookies.
Nuevas etiquetas que traerá HTML5
HTML5 es la nueva versión del leguanje de marcado para la web. Esta nueva versión aún está en versión beta pero ya son muchos los sitios que lo utilizan en sus web. Vamos a ver algunas de las nuevas etiquetas que nos proporcionará esta nueva versión.






