Hacer un grid con CSS

En este artículo vamos a explicar cómo hacer un sistema de cuadrícula grid con CSS y aplicarlo a cualquier elemento HTML. El sistema de cuadrícula grid en CSS es una herramienta que permite crear diseños de página complejos y estructurados con facilidad. Un típico error que suele cometerse al definir estructuras de rejillas es utilizar … Leer más

Etiqueta o tag canvas de HTML5

En este artículo vamos a explicar qué es la etiqueta o tag canvas de HTML5 para qué sirve y cómo se utiliza para mostrar gráficos en la web. La etiqueta o tag canvas es un nuevo elemento de la versión HTML5 que se utiliza para representar gráficos dinámicos, dibujar imágenes y crear animaciones en el … Leer más

Exportar tabla HTML a Excel con JavaScript

En este artículo vamos a explicar cómo exportar una tabla HTML a Excel con JavaScript, sin utilizar plugins ni frameworks. También te puede interesar el artículo donde explico cómo generar la descarga de archivos con PHP para diferentes tipos de archivos, incluido el formato Excel. Sin embargo, aquí explicaremos los pasos necesarios para transformar una … Leer más

Imagen a pantalla completa

En este artículo voy a enseñar dos formas de mostrar una imagen a pantalla completa: Con un pop-up y Fullscreen, pros y contras. El código es el siguiente: En esta sencilla página HTML he colocado la misma imagen en dos enlaces <a> diferentes. Cada enlace tiene su evento onclick que llama a una de las … Leer más

Detectar la salida de una página web

Hoy vamos a escribir un artículo muy corto pero bastante útil en algunos casos: Cómo detectar la salida de una página web? Esta pregunta de apariencia sencilla y que a veces hemos visto en algunas aplicaciones donde aparece un cuadro de diálogo como este: Nos puede resultar muy útil cuando queremos hacer algunas operaciones finales … Leer más

Copiar un div y enviarlo al portapapeles

En este artículo vamos a explicar cómo copiar un div y enviarlo al portapapeles, para después pegarlo con (Ctrl + V, «pegar») en Word, Excel, etc. En un foro se planteó la pregunta si era posible copiar un div y enviarlo al portapapeles, para después pegarlo con (Ctrl + V, «pegar») en un Word, Excel, … Leer más