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 infografía interactiva no se mira: se explora. Pasas el ratón por encima, filtras, haces scroll o pulsas un botón, y los datos cambian delante de ti. Aquí tienes 8 ejemplos reales que puedes abrir ahora mismo y las herramientas gratis para hacer la tuya. Al final, una mini infografía en HTML con su código.
Infografías interactivas: 8 ejemplos y cómo hacer la tuya (2026) Leer más »
El elemento <progress> de HTML5 te permite mostrar el avance de una tarea sin necesidad de ninguna librería externa. Aquí tienes la sintaxis básica, cómo darle estilo con CSS, cómo actualizarlo con JavaScript y demos en vivo que puedes probar ahora mismo. Sintaxis básica del elemento progress La versión más simple no lleva ningún atributo:
HTML5 Progress Bar: guía completa con demos en vivo Leer más »
Si necesitas saber el color de una imagen con código, la buena noticia es que no hace falta jQuery ni nada complicado: se puede hacer con JavaScript puro, en unas pocas líneas, usando Color Thief, una librería gratuita y de código abierto de Lokesh Dhakar. Te explico cómo funciona, cómo se usa y cuándo te
Cómo saber el color de una imagen con JavaScript (sin jQuery) Leer más »
¿Quieres un slider en HTML5 y CSS3 que cargue rápido y no arrastre librerías pesadas? Aquí tienes uno moderno, hecho con scroll-snap, sin JavaScript y listo para copiar y pegar. He reescrito este tutorial de arriba abajo. La versión antigua montaba un slideshow a pantalla completa con @keyframes, una técnica de 2012 que ya no
Slider HTML5 y CSS3: carrusel sin JavaScript (2026) Leer más »
