Cómo convertir imágenes a WebP (y cuándo no hacerlo)
Qué es WebP, cuánto ahorra frente a JPEG y PNG, cómo convertir imágenes desde el navegador, la terminal o Node.js, y cómo servirlas con picture.
Categoría
Desarrollo web
Esta categoría reúne artículos sobre las tecnologías con las que se construye la web: HTML y CSS para la estructura y la presentación, JavaScript para la interactividad, y el ecosistema que hay alrededor (WordPress, APIs, Git, Docker y Linux).
Cada artículo parte de un problema concreto, muestra código que puede copiarse y ejecutarse, y enlaza a la documentación oficial para que puedas profundizar. Cuando una herramienta de AIMRAN Tools resuelve parte del problema, se indica.
- HTML
- CSS
- JavaScript
- WordPress
- APIs
- Git
- Docker
- Linux
Artículos de Desarrollo web
Contraste de color WCAG: cómo se calcula, qué ratios exige y cómo cumplirlos
Qué es el ratio de contraste, cómo se calcula a partir de la luminancia, qué exigen los niveles AA y AAA, cómo medirlo y los errores de diseño que más lo incumplen.
Docker: diferencia entre imagen y contenedor explicada con comandos
Qué es una imagen Docker, qué es un contenedor y cómo se relacionan, con los comandos básicos para crear, listar y eliminar cada uno y los errores más frecuentes.
Cómo deshacer el último commit en Git sin perder trabajo
Diferencias entre git reset (soft, mixed, hard), git revert y git commit --amend para deshacer el último commit, con ejemplos y una tabla para elegir bien.
Lazy loading de imágenes en HTML: loading="lazy", fetchpriority y decoding
Cómo activar la carga diferida con loading="lazy", por qué no debes aplicarla a la imagen principal y cómo combinarla con fetchpriority y decoding.
Qué tamaños de favicon necesita una web hoy (y cuáles ya no)
Los cinco archivos de favicon que hacen falta en 2026 (ICO, SVG, apple-touch-icon y manifest), qué exige Google para mostrarlo y qué etiquetas poner en el head.