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.
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 »
Si necesitas botones on off en CSS con ese aspecto de interruptor tipo iOS, aquí tienes el código listo para pegar. Sin librerías. Sin JavaScript. Solo un checkbox y unas reglas CSS. Voy a mostrarte un toggle switch accesible de verdad: funciona con teclado, lo entienden los lectores de pantalla y respeta a quien prefiere
Cómo crear botones tipo on/off con CSS3 (toggle accesible 2026) Leer más »
Las imágenes son, casi siempre, lo que más pesa en una web. Aprender a comprimir imágenes bien es de lo que más impacta en la velocidad de carga y, de paso, en tu SEO y en la experiencia del usuario. Te cuento cómo hacerlo sin perder calidad, con herramientas gratis y buenas prácticas. Por qué
Cómo comprimir imágenes para web sin perder calidad (2026) Leer más »
Si buscas información sobre CaseBox es probable que te hayas topado con un muro. La web del proyecto sigue en pie, pero el software detrás lleva años sin vida. Te lo digo sin rodeos porque es justo lo que necesitas saber antes de seguir leyendo: CaseBox dejó de mantenerse en 2020. Depender de él a
CaseBox ha cerrado: 6 alternativas para gestionar tareas y archivos en 2026 Leer más »
Cambiar estilos de un select con CSS ha sido durante quince años el trabajo más frustrante de cualquier formulario. Le pones un borde bonito, y la flecha sigue siendo la del sistema. Intentas darle color a las opciones, y en Mac no pasa nada. Esa era la realidad, y desde 2025 ha cambiado de verdad.
Cambiar estilos de un select con CSS: la guía real (2026) Leer más »
Si estás terminando tu web y necesitas una página en construcción en HTML mientras tanto, aquí tienes 5 plantillas gratis y responsive que puedes descargar hoy. Todas tienen demo online y la mayoría traen contador de cuenta atrás y formulario para recoger emails. Y si prefieres no depender de nadie, más abajo tienes el código
Página web en construcción en HTML: 5 plantillas gratis y código para copiar Leer más »
Aquí tienes mi selección de menú desplegable horizontal, actualizada tras revisar qué sigue vigente hoy y qué no. Cuando publiqué este artículo por primera vez, jQuery era la forma habitual de dar dinamismo a un menú de navegación y evitar que la web se sintiera estática. Hoy el panorama ha cambiado bastante: el propio navegador
Menú Desplegable Horizontal: 12 Ejemplos con CSS y JS Leer más »
Un banner animado con CSS pesa unos pocos kilobytes, se ve nítido en cualquier pantalla y no necesita ni una imagen. Frente a un GIF o un vídeo, la diferencia en tiempo de carga es enorme, y eso cuenta en tus Core Web Vitals. Aquí tienes el código completo de cinco banners, listo para copiar.
Banner animado con CSS y HTML: código para copiar Leer más »
Quieres un acordeón HTML listo para pegar, sin jQuery y sin librerías. Aquí lo tienes. Te enseño dos formas de montar un menú acordeón que funciona hoy en cualquier navegador moderno: una con las etiquetas nativas <details> y <summary>, y otra con CSS puro para controlar el diseño al detalle. Copias, pegas y funciona. Este
Acordeón HTML nativo sin librerías: 2 métodos (2026) Leer más »
Si buscas menús animados con CSS3 listos para copiar, aquí tienes cuatro ejemplos completos con su HTML y su CSS. Nada de librerías ni de plugins. Son menús animados CSS puros: un menú horizontal con subrayado al hover, un desplegable accesible, una hamburguesa responsive solo con CSS y un efecto de relleno deslizante. Todos respetan
Menús animados con CSS3: 4 ejemplos listos para copiar Leer más »
