Carlos Muñoz Díaz
Periodismo visual Desarrollo web

Como buen cuaderno de bitácora, aquí incorporaré artículos relacionados con el periodismo, la literatura o el desarrollo web que puedan resultar útiles e interesantes para ampliar conocimiento.

También incluiré entradas propias en las que hablaré de aspectos variopintos: desde reflexiones sobre periodismo o lecturas recomendadas hasta experimentos con nuevas técnicas en CSS, librerías front-end o cualquier curiosidad que me apetezca probar y programar. Sin calendario fijo, sin obligaciones. Lo que sea, cuando sea.

Las entradas se ordenan por fecha: de creación si son mías o de lectura si son de otros autores. No obstante, en cada tarjeta se mostrará la fecha de publicación para que puedas contextualizarlas fácilmente.

2025

Septiembre

You’re loading fonts wrong (and it’s crippling your performance) (21/08/2025)

Jono Alderson

Un pormenorizado análisis de la importancia de las fuentes y de cómo pueden afectar al rendimiento de una página web. Súper interesante.

CSS-only scrollspy effect using scroll-marker-group and :target-current (18/08/2025)

Sara Soueidan

Aunque todavía no está ampliamente disponible, el efecto 'scrollspy' es muy interesante para crear menús de navegación que indiquen en qué sección de la página se encuentra el usuario sin necesidad (otra vez) de JavaScript. Habrá que estar atentos a su evolución.

You no longer need JavaScript (28/08/2025)

Lyra

Un artículo que explora cómo, en muchos casos, es suficiente con utilizar CSS sin necesidad de JavaScript. Habla de acordeones, animaciones CSS o nuevas reglas como @starting-style.

Julio

Responsive video is (almost) easy now (20/07/2025)

Koos Looijesteijn

¿Vídeos responsivos en tu página web y dejar de trabajar con clases CSS 'visible' y 'hidden' para diferentes tamaños? Este artículo explora cómo hacerlo.

Aperturas en scroll (I) (23/07/2025)

Ejemplo de apertura en scroll con imágenes alrededor de un elemento central con dos contenedores: uno con un elemento visual (un mapa, por ejemplo) y un segundo con el título de la pieza.

Aperturas en scroll (II) (23/07/2025)

Segundo ejemplo de apertura en scroll. Aquí, las múltiples imágenes empiezan centradas para, posteriormente, disperarse por la pantalla mientras el usuario hace scroll.

Aperturas en scroll (III) (23/07/2025)

Segundo ejemplo de apertura en scroll. Aquí, a diferencia del segundo ejemplo, las múltiples imágenes empiezan dispersadas por la pantalla y, mientras el usuario hace scroll, se van centrando.

Aperturas en scroll (IV) (23/07/2025)

En el último ejemplo de aperturas en scroll, las imágenes empiezan rodeando un contenedor. Cuando el usuario hace scroll, las imágenes van centrando su posición hasta formar un nuevo mosaico.

A Friendly Introduction to SVG (21/07/2025)

Josh W. Comeau

Si un desarrollador frontend tiene problemas para entender cómo funciona los gráficos vectoriales escalables (SVG, por sus siglas en inglés) en HTML (o, simplemente, quiere empezar a comprender todo su potencial), este es su artículo.

2024