Vexev

Laboratorio

Componentes y algoritmos nuestros, con el número que los prueba.

Todo lo que se mueve en este sitio lo escribimos nosotros. Nada sale de una plantilla ni de una librería de efectos. Acá está la lista, y cada cosa se puede ir a mirar.

En este sitio06 piezas
  • 01

    Prisma

    La primera pantalla. Una aurora prismática dibujada por un shader nuestro, que además ilumina el logo y le da el vidrio. No es un video: se calcula en tu placa, cuadro a cuadro.

    Componente · El hero de la home

    7 colores · 5 octavas de ruido
  • 02

    La rampa del prisma

    La función que dispersa la luz: cálida de un lado, fría del otro. Los colores del sitio no se eligieron de una paleta. Se leyeron de acá.

    Algoritmo · Adentro del shader del hero

    6 mezclas · 7 paradas
  • 03

    Barrido de scroll

    Convierte cuánto scrolleaste en un número de 0 a 1, y con eso avanzan las dos bandas de Cómo trabajamos. Se mide una vez por cuadro. Medirlo en cada evento traba un celular.

    Algoritmo · Cómo trabajamos

    1 lectura por cuadro
  • 04

    Entradas sin JavaScript

    Cada bloque entra cuando llega y la línea de cada capítulo se dibuja sola. No lo hace un script: lo hace el navegador, atado al scroll.

    Componente · Las cuatro secciones de la home

    0 líneas de JS · 83,66 % de los navegadores
  • 05

    El índice que se mide solo

    El subrayado de la barra de arriba no calcula dónde va: mide el link de verdad. Se reacomoda si cambia el ancho, el texto o la tipografía.

    Componente · El índice de la home

    3 causas, 1 observador
  • 06

    Turnos con verificación

    El agendador. Te manda un código de seis dígitos al mail, guarda el turno y crea el evento con el link de la videollamada. El navegador te queda verificado para la próxima.

    Componente · Empecemos, al final de la home

    6 dígitos · 1 token por navegador
En el banco de pruebas03 piezas
  • 07

    Carrusel de foco

    Una fila de casos que viaja en horizontal atada al scroll. Cuánto pesa cada tarjeta sale de su distancia al centro, suavizada en las dos puntas.

    Algoritmo · Escrito y sin publicar

    90 vh por tarjeta
  • 08

    Mercurio, dos veces

    El mismo metal líquido escrito de dos formas: un shader que evalúa cada píxel y una malla que se recalcula cuadro a cuadro. Están las dos para medir cuál rinde en un celular.

    Componente · Banco de pruebas

    10 gotas · grilla de 56
  • 09

    Calidad según el equipo

    Antes de dibujar, mide la placa de video y elige uno de cinco niveles. Una máquina vieja ve menos gotas en vez de ver un tirón. La medición se guarda y se paga una sola vez.

    Algoritmo · Banco de pruebas

    5 niveles · 1 medición

El banco de pruebas es donde probamos una idea antes de ponerla en el trabajo de alguien. Lo que pasa la prueba termina acá arriba; lo que no, se queda escrito.

Volver y agendar una llamada →