Implementar drag and drop con HTML5

Una de las muchas ventajas de HTML5 es que viene con la posibilidad de incorporar un Drag and Drop de manera relativamente sencilla, sin necesidad de usar librerías externas. Lo único necesario es saber un poco de eventos de JavaScript. Antes de continuar os aviso de que en ciertos navegadores …

Application caching: Actualizar el appcache

Si quieres actualizar el appcache de un usuario, cambiar un archivo no será suficiente. El navegador comprueba actualizaciones de los archivos en el appcache del usuario si el archivo de manifiesto cambia. Cambiar el archivo de manifiesto no quiere decir tener que agregar otra página al cache o cambiar el …

Application caching: El archivo de manifiesto

HTML5 ofrece la posibilidad de que una aplicación web funcione incluso en modo offline. Para conseguir esto se emplea el application caching. Algunas de las ventajas del application caching serían: Los usuarios puedan navegar el sitio sin conexión, ya antes mencionado. Incremento en el rendimiento ya que los archivos al …

HTML5 y las APIs de almacenamiento local

Unas de las novedades de HTML5 es la inclusión de 2 APIs referidas al almacenamiento local de datos: sessionStorage, que almacena los datos hasta que finaliza la sesión/instancia del navegador, y localStorage que almacena los datos para “siempre” (hasta que el código o el usuario lo borre). Los datos almacenados …

Modificar datos personalizados con JavaScript

En el post anterior enseñé cómo obtener los valores de los microdatos. En esta ocasión me enfocaré a cómo modificar datos personalizados ya sea tanto con la API como con JavaScript. Seguiré con el mismo ejemplo del post anterior

Acceder a datos personalizados con JavaScript

En este post explicaré cómo acceder a datos personalizados mediante JavaScript. Con la introducción de los micodatos, HTML5 tiene una API que define el DOM de datasets o conjunto de datos. Esto ayudaría a filtrar datos en el lado del cliente sin necesidad de hacer una llamada al servidor. Pondré …

Datos personalizados con el atributo data

Es posible que los datos predefinidos por schema.org no te sean suficientes y precises añadir información adicional.  Los datos personalizados ademas de aportar información se podrían manejar con javaScript o CSS para otros fines. Hay que tener en cuenta que dicha información no es visible por el usuario. Cómo usarlos …

Microdatos y datos personalizados: Usando Schema.org

En este post explicaré como usar schema.org para los microdatos. Te permitirá añadir significado al contenido de tu web para que los buscadores puedan extrapolar la información. Como comenté en el post anterior, schema.org es una alternativa a la microdata o RDFa creada por Google, Microsoft y Yahoo! con el …

Microdatos y datos personalizados: Introducción

Los microdatos se usan para proporcionar un contexto al contenido de una página web. W3C creó el RDFa para usar atributos existentes (y nuevos) de XHTML para proporcionar una estructura de datos legible para una máquina. HTML5 renueva los microdatos al no abusar de los atributos rel y class y …