Descubre las últimas tendencias y técnicas en desarrollo web. Desde conceptos básicos hasta avanzados, estos artículos te sumergen en el fascinante mundo del desarrollo web, ofreciendo insights, herramientas esenciales y estrategias efectivas para construir sitios web impactantes.
Los mejores trucos de JavaScript no son magia negra: son funciones modernas que te ahorran líneas de código y errores tontos. Aquí tienes 12, ordenados de más útil a más avanzado. Cada uno viene con su problema real, el código listo para copiar y el motivo por el que te conviene usarlo. Todo con sintaxis
Trucos JavaScript: 12 atajos modernos que ahorran tiempo Leer más »
Hay varias formas de ocultar un elemento con CSS, y no son intercambiables: cada una se comporta distinto con el espacio, los clics y el lector de pantalla. Te dejo las 5 con su código y, lo más importante, cuándo usar cada una para no meter la pata en accesibilidad. 1. display: none (oculta y
Ocultar un elemento con CSS: 5 formas (con código) Leer más »
Una línea del tiempo con HTML y CSS es uno de esos componentes que mejoran cualquier currículum web, página de historia de marca, roadmap de producto o cronología de eventos. En esta guía vas a construir tres variantes desde cero (vertical clásica, vertical alternada en zig-zag, y horizontal con scroll), con código copy-paste listo para
Línea del tiempo en HTML y CSS: 3 variantes con código (2026) Leer más »
Los bordes en CSS son de lo primero que se aprende y de lo que más se usa: enmarcar una caja, separar secciones o redondear un botón. Con la propiedad border controlas el ancho, el estilo y el color, y con border-radius los redondeas. Te lo explico todo con código listo para copiar. La forma
Bordes en CSS: border, color, ancho y radius (2026) Leer más »
En esta guía de CSS ejemplos aprendes lo esencial del CSS moderno con código copiable y probado. Nada de trucos viejos: te enseño el modelo de caja, unidades actuales, variables, Flexbox y Grid. Cada técnica va con un bloque que puedes pegar y adaptar hoy mismo. Mi consejo antes de empezar: no memorices propiedades. Entiende
CSS ejemplos: guía práctica con Flexbox, Grid y código copiable Leer más »
Si no te gusta utilizar imágenes para insertar degradados en una página web, tienes la opción de hacerlo con CSS. A continuación te indico varias herramientas online que te ayudarán a crear los degradados en CSS fácilmente. Con estas herramientas online podrás crear tus degradados con CSS Ultimate CSS Gradient Generator Esta herramienta online trabaja
Crea degradados en CSS fácilmente y responsive Leer más »
El input type=»file» por defecto es feo y cada navegador lo pinta a su manera. Y cuando intentas estilizarlo directo, no responde. Es uno de los controles más rebeldes del formulario. Aquí tienes el código listo para pegar para dejarlo a tu gusto. Te enseño dos técnicas para trabajar el css input file: la moderna
CSS input file: personaliza el botón de subir archivos Leer más »
Meter una tabla en WordPress a mano es un lío, y encima suele romperse en el móvil. Con un plugin de tablas para WordPress creas tablas dinámicas, ordenables y responsive desde el panel, sin tocar código. Estos son los que mejor funcionan. Los mejores plugins de tablas TablePress El más popular y el que recomiendo
Mejores plugins de tablas para WordPress (2026) Leer más »
Para pintar datos en una web ya no hace falta jQuery. Hoy tienes librerías de gráficos en JavaScript potentes y ligeras que montan barras, líneas, tartas o diagramas con muy poco código. Te cuento las mejores y cuándo usar cada una. Librerías para gráficos Chart.js La más popular para empezar: gratis, ligera y con 8
Librerías de gráficos en JavaScript: las mejores (2026) Leer más »
Una cuenta atrás en JavaScript es perfecta para lanzamientos, ofertas o eventos: genera urgencia y queda profesional. Lo mejor es que hoy no necesitas jQuery ni ninguna librería. Con JavaScript puro lo montas en unos minutos, y aquí te dejo el código completo y comentado. Paso 1: el HTML Una estructura sencilla con un hueco
Cuenta atrás en JavaScript: código paso a paso (2026) Leer más »
Si necesitas mostrar una barra de progreso con jQuery (una carga, un formulario en varios pasos, una animación de porcentaje), aquí tienes 7 librerías gratuitas y una demo interactiva para que veas cómo se comportan antes de elegir. He revisado esta selección (publicada originalmente en 2014) y la he actualizado con librerías verificadas y una
Barras de progreso con jQuery: 7 librerías y demo Leer más »
Para poner un favicon en HTML hoy no necesitas los treinta archivos que te pide cualquier generador. Con tres cubres navegadores, móviles y los resultados de Google. He reescrito este artículo entero porque la versión anterior era de 2014 y recomendaba cosas que hoy sobran: etiquetas para Internet Explorer 10, que se retiró en 2022,
Favicon en HTML: los 3 archivos que necesitas (2026) Leer más »
