raulgarciamx.com
Todo

PLIEGO

Convierte un PDF en una revista 3D que se lee en el navegador: vuelta de hoja en WebGL, 16 ambientes con calendario de festividades y estadísticas de lectura anónimas, sin cookies ni registro. Publica además un feed RSS y JSON que alimenta el riel de Pliego en este sitio, así el contenido se carga una sola vez y vive en un solo lugar.

#MariaDB #PDF.js #PHP #RSS #Self-hosted #Vanilla JS #WebGL
Vista interactiva Abrir a pantalla completa ↗

Qué es

Subo un PDF y sale publicado como una revista que se hojea en el navegador, en mi propio dominio. Sin Issuu, sin Scribd y sin que mis lectores tengan que registrarse en nada: llegan desde LinkedIn o X, abren la liga y leen.

Cómo funciona

El PDF se procesa en el navegador con PDF.js: de ahí salen el número de páginas, la proporción de la hoja, la portada y la tarjeta de 1200×630 para redes. La vuelta de hoja la dibuja un motor propio en WebGL —un cilindro inclinado con luz, brillo y sombra proyectada— con respaldo en CSS 3D para equipos sin aceleración.

El kiosco es bilingüe y cada publicación lleva título, subtítulo y descripción en español e inglés. Hay 16 ambientes (seis clásicos, cuatro de temporada y seis de fechas especiales) con partículas y ornamentos, y un calendario que los activa solo: papel picado en septiembre, luces en diciembre.

Lo que me interesaba medir

Estadísticas anónimas y sin cookies: cuántos abrieron, cuántos llegaron al final, en qué página se quedaron, cuánto tiempo y de dónde vinieron. El beacon va firmado con HMAC diario y el visitante se identifica con un hash, no con un identificador que lo siga por ahí.

El feed

Desde la v1.4.0 publica un feed RSS 2.0 y JSON. Es lo que alimenta el riel de Pliego en la portada de este sitio: el contenido se carga una sola vez, aquí, y los demás lo muestran y enlazan. Nada se duplica.

Stack

PHP 8 · MariaDB · Vanilla JS · PDF.js auto-hospedado · WebGL. Cero Composer, cero npm, cero dependencias de terceros en el núcleo. Instalación con asistente y migraciones idempotentes.

← Volver al portafolio

La newsletter Un correo cuando publico algo que vale la pena: análisis de datos, finanzas explicadas con F1, y el código detrás. Sin ruido.

Sin spam. Te puedes dar de baja con un clic, siempre.