CSS3 HTML5

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

Capacitación HTML5

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).

abril 10, 2014
por Damián
Deja tu comentario

JayData una librería JavaScript para simplificar el acceso de datos con HTML5

jaydata

La librería de JavaScript JayData es una muy interesante solución para trabajar con bases de datos en HTML5 y también para realizar sincronización de datos que puedan estar online u offline.

JayData es una librería Cross-platform y Open Source, que ofrece una muy buena compatibilidad e integración con otras soluciones.

Para ver más información sobre esta librería, es posible ingresar a: http://jaydata.org/.