Saltar al contenido
Inicio — Juan Torres

Centro de control

Utilidades

ProfesionalDía
Nyan CatEl cielo de Nyan, en píxeles
Nyan ⇄ EclipseCursor

Pista: en su cielo hay una estrella que no se deja atrapar.

KirbySe abre al vencer al rey Dedede

Pista: en el juego de la estrella, Kirby también vuela.

Todo: cursor contextual, imágenes con inercia, flores con física y sonido ambiental.

CV
jstorres.xora@gmail.com

Componentes

Laboratorio

Los efectos del sitio, cada uno en su caja y con lo que cuesta. Están escritos aquí, no traídos de una librería: así pesan lo que tienen que pesar, usan los mismos tokens que el resto y se apagan solos cuando alguien pide menos movimiento.

Todos funcionan en los cuatro temas y ninguno necesita JavaScript salvo los que dicen que sí.

Detrás de este portafolio

Decisiones creativas

La dirección, las prioridades y la integración de este sitio son mías. Usé GPT y Claude como herramientas para explorar soluciones, producir propuestas y revisar detalles; elegí, combiné y corregí el resultado.

01 / Claridad

Primero, el trabajo

Los proyectos muestran el problema, mi aporte y las herramientas. El movimiento acompaña la lectura.

02 / Mundos

Una misma historia, varias formas

El contenido sigue siendo verificable mientras los temas cambian la atmósfera y la interacción.

03 / Orquestación

GPT y Claude

Me ayudaron a prototipar código, arte y pruebas. Yo dirigí las decisiones y revisé qué debía permanecer en la versión publicada.

04 / Iteración

6 iteraciones fechadas

El changelog del rediseño registra con fecha 5, 6, 7, 8, 8b y 9. Las anteriores y la que está en curso no tienen ahí una fecha verificable, así que no se cuentan.

El proceso

Cómo se construyó, según git

Datos del historial de git y del changelog de este repositorio, generados el 30 sep. Nada es una estimación.

commits
177
días con commits
18
del primero al último
3 sep – 30 sep
líneas añadidas / quitadas
+111.212 / −33.793
archivos en el repositorio
695
Commits por día
Commits por tipo
  • Funciones nuevas120
  • Arreglos24
  • Otros10
  • Documentación9
  • Mantenimiento6
  • Reorganización4
  • Rendimiento3
  • Pruebas1

Iteraciones con fecha

  1. 25 sepIteración 5FRAME, NYAN.OS, flores y continuidad
  2. 25 sepIteración 6ATELIER, estrellas, bosque y plantillas
  3. 26 sepIteración 7la página está viva
  4. 26 sepIteración 8el gato, el bosque y las páginas secundarias
  5. 27 sepIteración 8bintegración del arte y encuadres
  6. 30 sepIteración 9personajes vivos, universo Nyan y juegos de verdad
Ver los datos como tabla
Fechacommits
2026-09-035
2026-09-061
2026-09-081
2026-09-136
2026-09-1413
2026-09-1513
2026-09-167
2026-09-172
2026-09-192
2026-09-2120
2026-09-226
2026-09-231
2026-09-2417
2026-09-2528
2026-09-2622
2026-09-2717
2026-09-285
2026-09-3011

Texto

  • Rotativo

    con JavaScript

    Trabajo en desarrollodesarrollo, datos, seguridad, IA

  • Máquina de escribir

    con JavaScript
    Construyo sistemas. Analizo datos. Reviso controles. Aplico IA a problemas reales

  • Descifrado

    con JavaScript
    JUAN TORRES

  • Barajado

    con JavaScript
    SE ORDENA SOLO

  • Proximidad

    con JavaScript
    Pasa el cursor

  • Entra por palabras

    con JavaScript
    Cada palabra llega cuando le toca

  • Se enciende al bajar

    con JavaScript

    Las palabras se encienden a medida que bajas, así que el ojo recorre el párrafo al ritmo de la página en vez de saltárselo.

  • Contador

    con JavaScript

    93controles

  • Ruedas de cuentakilómetros

    con JavaScript
    0042

  • Brillo

    sin JavaScript
    Disponible para prácticas

  • Enfoque

    sin JavaScript
    Entra desenfocado

  • Palabras que suben

    sin JavaScript
    Una palabra detrás de otra

  • Subrayado

    sin JavaScript
    Señala este enlace

  • Glitch

    sin JavaScript
    SEÑAL PERDIDA

  • Contorno

    sin JavaScript
    HUECO

  • Degradado que corre

    sin JavaScript
    Una luz recorre

  • Eco

    sin JavaScript
    PROFUNDIDAD

  • Letras que voltean

    sin JavaScript
    GIRAME

  • Texto circular

    sin JavaScript
    JUAN TORRES · DESARROLLO · DATOS · SEGURIDAD · IA ·

Superficies

  • Botón magnético

    con JavaScript
    Acércate

  • Tarjeta con foco

    con JavaScript
    La luz sigue al puntero

  • Tarjeta inclinada

    con JavaScript
    Gira hacia ti

  • Borde animado

    sin JavaScript
    Una luz da la vuelta

  • Borde eléctrico

    sin JavaScript
    Neón con mal contacto

  • Reflejo que cruza

    sin JavaScript
    Una luz cruza

  • Rejilla de píxeles

    con JavaScript
    Ruido que se disipa

  • Tarjeta que voltea

    con JavaScript

  • Marquesina

    sin JavaScript
    Spring BootAngularPostgreSQLPythonPower BIISO 27001

  • Pila de cartas

    con JavaScript

  • Cartas giratorias

    con JavaScript
    Primera
    Segunda
    Tercera

  • Rejilla con una sola luz

    con JavaScript
    BackendDatosSeguridadIAFrontendMétodo

  • Carpeta

    con JavaScript

Interacción

  • Muelle de iconos

    con JavaScript

  • Interruptor con masa

    con JavaScript

  • Casilla que se dibuja

    con JavaScript

  • Botón de sostener

    con JavaScript

  • Segmentado elástico

    con JavaScript

  • Chispas al pulsar

    con JavaScript

  • Acordeón

    sin JavaScript
    Abre sin medir nada

    Usa details y summary con interpolate-size, así que anima de cero a auto sin JavaScript.

    Y sigue siendo HTML

    El navegador ya sabe abrirlo, buscarlo con Ctrl+F y leerlo en voz alta.

  • Lista escalonada

    con JavaScript
    • Backend
    • Datos
    • Seguridad
    • IA

Menú con imagen que sigue

Tarjetas que se apilan al bajar

01Se queda pegada
02Y esta encima
03Y esta al final

Fondos

  • Puntos

    sin JavaScript

  • Rejilla

    sin JavaScript

  • Haces

    sin JavaScript

  • Ondas

    con JavaScript

  • Hilos

    con JavaScript

  • Profundidad

    con JavaScript

  • Lluvia de caracteres

    con JavaScript
github.com/Juan2246