Selectores CSS

En este artículo vamos a explicar qué son los selectores CSS, para qué se utilizan y cómo funcionan en el diseño de páginas HTML. Los selectores permiten a los diseñadores y desarrolladores personalizar la apariencia de elementos individuales o conjuntos de elementos HTML en una página. Podemos emplear diversos tipos de selectores CSS para elegir … Leer más

Técnicas y prácticas SEO

En este artículo vamos a explicar las técnicas y prácticas SEO básicas para logar un buen posicionamiento en Google, también llamado SEO orgánico, en nuestras páginas HTML. Las siglas SEO, Search Engine Optimization (Optimización para Motores de Búsqueda) consisten en una serie de buenas prácticas recomendadas por Google para mejorar la visibilidad y posicionamiento de … Leer más

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