Resumen: mostrar una introducción (instalación y uso) a Sweet Alert 2, una librería de JavaScript para mostrar alertas y diálogos de confirmación con un diseño bonito. Te mostraré cómo descargar SweetAlert 2, además de: Mostrar una alerta Personalizar el contenido Mostrar un diálogo de confirmación y saber respuesta del usuario Diálogo personalizado con HTML Mostrar […]
Sweet Alert 2 – Tutorial con ejemplos Leer más »
Resumen: mostrar cómo descargar un sitio web completo (con imágenes, scripts, etcétera) como HTML para su uso fuera de internet o sin depender del dominio, útil también para convertir un sitio de WordPress a un sitio estático (pero con cualquier página funciona). La herramienta que vamos a usar se llama HTTrack y es completamente gratuita
Descargar página web completa para uso offline Leer más »
Resumen: mostrar cómo controlar elementos en una página web usando la voz; es decir, implementar el reconocimiento de voz con JS para definir comandos de voz y ejecutar acciones (enviar un correo, mostrar un reporte, mostrar una gráfica, escribir texto) dependiendo de la acción. Para el reconocimiento de acciones de voz en la web (o
Comandos de voz en la web con JavaScript y Annyang Leer más »
Resumen: en este post te explico la importancia del evento DOMContentLoaded en JavaScript que afecta principalmente cuando recuperamos elementos del DOM antes de que el DOM esté listo. Esto es el equivalente a $(document).ready de jQuery.
DOMContentLoaded en JavaScript Leer más »
Resumen: en este post te mostraré cómo usar JavaScript del lado del cliente (no necesitas nada del servidor) para generar un documento de Excel (extensión xlsx) a partir del contenido de una tabla HTML. Es decir, vamos a aprender cómo exportar a Excel desde JavaScript un simple elemento table de HTML usando la librería TableExport,
Exportar tabla HTML a Excel con JavaScript Leer más »
Resumen: mostrar cómo usar librería awesomplete para autocompletar datos de un campo con JavaScript, mostrando una lista de sugerencias conforme el usuario escribe en el input. Nota: si quieres autocompletar datos con PHP y esta librería mira este post.
Autocompletado con JavaScript y HTML – Awesomplete Leer más »
Resumen: usar CSS para hacer un elemento invisible pero que siga en el DOM ocupando su espacio.
CSS – Ocultar elemento pero mantener espacio Leer más »
Resumen: utilizar el componente MatDialog de Angular Material para mostrar un diálogo de confirmación, y de la misma manera ejemplificar cómo usar diálogos en Angular utilizando componentes y plantillas personalizadas. Al final vamos a tener un ejemplo de un diálogo de confirmación con Material Design en donde podremos saber si el usuario hizo click en
Diálogo de confirmación con Angular Material Leer más »