Aprende a usar la Progress Bar HTML5 con <progress>, estilos CSS, animaciones, JavaScript y ejemplos reales, incluido cómo aplicarla en formularios paso a paso y es empleada para indicar el estado de terminación de una tarea.

El elemento canvas nos permite especificar un área de la página en donde se puede dibujar crear todo tipo de gráficos simples o complejos a partir de primitivas básicas como círculos, óvalos, rectángulos líneas, polígonos, texto, etc, veremos ejemplos , de como recortar imágenes, loops para dibujar líneas, eventos de teclado y como obtener el canal RGB.

Drag and Drop (Arrastrar y Soltar) es una característica que permite "agarrar" un objeto, arrastrarlo y soltarlo en una diferente localización. En en esta entrada hablaremos sobre el Drag and Drop en HTML5, ejemplos, métodos y atributos.

Las transiciones son pasos de estados de forma progresiva y suave y muy vistosos; con CSS podemos alterar el tamaño, espaciado, color, bordes, opacity y en resumen cualquier propiedad con su valor asignado que aplique una forma o estilo a un elemento y uso sobre steps() que permite controlar el movimiento de las animaciones indicando el número de "frame" o saltos que queremos que conste una animación o transición.

Guía completa para obtener la ubicación del usuario con la API de Geolocalización de JavaScript. Aprende a manejar permisos, errores y a integrar la ubicación con mapas como Google Maps.

Aprende a usar la pseudoclase condicional :has() en CSS y JavaScript. Soluciona problemas de diseño, como centrar un pie de foto, seleccionando elementos basados en sus hermanos adyacentes.

El método .serialize() provisto por jQuery permite crear una cadena de texto en la notación URL-encoded; el método serialize es perfecto para trabajar con los formularios y enviar datos a PHP vía Ajax.