CSS3 HTML5

Los nuevos estándares para el diseño y desarrollo web y Móvil

Capacitación HTML5

abril 22, 2017
por Damián
Deja tu comentario

IndexedDB 2 – Indexed Database API 2.0

Indexed Database API 2.0 (más conocida como IndexedDB 2) se encuentra en desarrollo. En su momento conocíamos que la primera versión de este estándar se convertía en recomendación del W3C y ahora llega el momento de comenzar a conocer una nueva versión para esta poderosa base de datos incluída de la mano de HTML5.

Como sabemos, IndexedDB es una base de datos local con la capacidad de almacenar información en una estructura jerárquica de objetos. Puede ser accedida mediante una interfaz nativa de JavaWScript.

Con la versión 2, llegan los setters para IDBObjectStore.name y IDBIndex.name. También se incorpora la opción de IDBDatabase.onclose(), para saber como se desarrolla la actividad con la base y si se cierra la conexión.

Los métodos getAll() y getAllKeys() nos permite recuperar información de una manera más eficiente, incluso también para trabajar con rangos.

Actualmente el documento se encuentra en Working Draft por parte del W3C.

diciembre 15, 2016
por Damián
Deja tu comentario

JSON Random – Cómo mostrar contenidos aleatorios de un JSON con JavaScript

Mediante JavaScript es posible obtener y mostrar contenidos random (aleatorio) de un JSON. Esto se puede lograr empleando Math.floor() junto con Math.random(), como podemos ver en el siguiente código:

JSON Random

 

<!DOCTYPE html>
<html>
<head>
<script>
var imagenes = [
{ img: “image1.png”, text: “Example 1”},
{ img: “image2.png”, text: “Example 2”},
{ img: “image3.png”, text: “Example 3”}
];
window.addEventListener(“load”, function load(){
var i = Math.floor(Math.random()*imagenes.length);
document.getElementById(“box”).innerHTML = “<img src=’img/” + imagenes[i].img+ “‘ alt='” + imagenes[i].text+ “‘ /><p>” + imagenes[i].text + “</p>”;
},false);
</script>
</head>
<body>
<div id=”box”></div>
</body>
</html>

 

enero 28, 2015
por Damián
Deja tu comentario

Indexed Database API es recomendación del W3C

En Enero de 2015 el documento Indexed Database API del W3C llega al estado de recomendación.

IndexedDB ofrece métodos de API Asíncrono para trabajar y almacenar datos en el navegador del usuario. Su adopción en los navegadores modernos es cada vez mayor y hoy cuenta con soporte en las últimas versiones de Chrome, Firefox, Internet Explorer, Safari, Opera y también en móviles que utilizan iOS Safari y Chrome para Android. Cabe destacar que en algunos de los mencionados browsers el soporte a esta tecnología aún es parcial

Toda la información de esta API que permite trabajar con bases de datos no SQL del lado cliente se encuentra disponible en: http://www.w3.org/TR/IndexedDB/.

enero 5, 2015
por Damián
Deja tu comentario

Media Queries Level 4

Desde Junio de 2014 está en marcha el nivel 4 de Media Queries como borrador de trabajo del W3C.

Entre las novedades propuestas que se comienzan a ver en esta versión encontramos la posibilidad de utilizar valores numéricos con rangos. También se destacan las opciones de trabajar con hover y con pointer en los estilos mediante media queries.

 

Para seguir la evolución de este nuevo nivel de Media Queries, es posible acceder a: http://www.w3.org/TR/mediaqueries-4/.

 

noviembre 9, 2014
por Damián
1 Comentario

HTML5 llega a su estado de Recomendación del W3C

Luego de varios años de desarrollo y evolución, HTML5 llega a su estado definitivo como Recomendación del W3C a partir del 28 de Octubre de 2014.

Son excelentes noticias para el mundo del Desarrollo Web, que ha adoptado a HTML5 como una importante evolución en esta etapa de la creación de contenidos online y offline.

Este importante paso es acompañado con la evolución de dispositivos y navegadores que incorporan de manera permanente las características de HTML5, para aumentar día a día la compatibilidad con este nuevo estándar.

El documento con la especificación de HTML5 puede leerse en el sitio del W3C en la siguiente dirección Web:  http://www.w3.org/TR/html5/.

En la sección del Editor Draft, es posible observar la evolución de los próximos documentos, de lo que por el momento se conoce como HTML 5.1 (Nightly).