Un millón de casillas de verificación

• One Million Checkboxes es un sitio web que convierte 1,000,000 de casillas de verificación en una experiencia de pantalla única, y actualmente se ve con todas las casillas marcadas
• El mensaje “we checked every box!” en la parte superior informa de inmediato que se completaron todas las casillas
• Incluso después de completarlas, se puede seguir “jugando solo”, así que no es una simple pantalla de resultado: la interacción permanece
• La cantidad de casillas marcadas por el usuario actual se muestra como “You checked 0 boxes”, separando el estado de finalización global del progreso personal
• En pantalla aparecen la acción Jump! y una lista continua de casillas marcadas, lo que permite ver directamente las huellas de este experimento masivo con casillas de verificación

---

Estado de finalización total de las casillas

• One Million Checkboxes muestra 1,000,000 boxes are ✅
• Con el texto “🎉 we checked every box! 🎉”, indica que todas las casillas de verificación están marcadas

Juego restante incluso después de completarlo

• Aunque todas las casillas ya están marcadas, avisa “but you can still play alone if you'd like”
• La cantidad de casillas marcadas por el usuario actual se muestra como 0 boxes

Elementos visibles en pantalla

• La página incluye el texto Jump!
• En el cuerpo se muestran repetidamente elementos de casillas de verificación en estado marcado

Creador

• El sitio se presenta como una web creada por eieio

[GN⁺]

Opiniones en Hacker News

• Desde el punto de vista del desarrollador, se volvió muchísimo más popular de lo esperado, así que parece que el servidor va a sufrir bastante por un tiempo

  • Hay un problema grave de implementación. Los saltos de línea cambian según el zoom/ancho de pantalla, así que aunque yo escriba un garabato de boobs, otras personas no podrán leerlo bien si no tienen los mismos puntos de salto de línea
  • Me recordó mucho a las viejas herramientas de desfragmentación. Me dan ganas de dejarlo abierto en segundo plano por nostalgia: https://www.youtube.com/watch?v=KR3TbL3Tl6M
  • Lo publiqué en FediVerse y, a las 4 horas, ya tenía casi 700 boosts; en menos de 2 horas llegó hasta Reddit. Como también respondí directamente al post de Reddit, lo sé: el pico inicial de tráfico sin duda era inevitable
  • “Más popular de lo esperado”, dicen; todos sabemos qué es lo importante aquí en HN
  • Levanté 5 servidores más y metí algunas optimizaciones, así que creo que por ahora va a aguantar

• A la pregunta de por qué hizo “un millón de checkboxes que cualquiera puede marcar”, respondió que se le ocurrió durante una conversación el viernes pasado y que, por alguna razón, sintió que tenía que hacerlo. La mejor razón :)

  • Era tan tonto que justamente por eso había que hacerlo

• Al principio estaba haciendo clic en la parte de arriba, pero la gente seguía deshaciendo lo que yo hacía. Me preguntaba por qué no podíamos simplemente llevarnos bien y marcar todo entre todos
  Pensé que si bajaba habría menos pelea, y durante un rato estuve solo; era una tarea aburrida y sin sentido, pero tranquila
  Luego me encontré con otra persona que también marcaba como yo, pero desapareció en menos de 5 segundos; seguí scrolleando y marcando, y cuando volví un poco hacia arriba habían aparecido casillas desmarcadas al azar. No vi a nadie desmarcarlas, así que parece que hay un fantasma que desmarca

  • ¿Por qué lo llaman destrucción? Yo solo intento devolver los checkboxes a su estado natural original
  • Me fui a una posición aleatoria bien abajo e intenté escribir HELLO con checks, pero antes de terminar la H apareció alguien y lo arruinó. Me pregunto si este libro contable artístico de un millón de checkboxes está condenado a colapsar en la locura
    Por más que scrollee, no hay nada identificable, solo un páramo sin sentido. Es puro caos
  • Es raro lo mucho que funciona como un espejo de nosotros mismos que yo me haya movido exactamente con la misma intención y el mismo método
    Probablemente no éramos los únicos. Debe haber mucha gente marcando con esmero por filas o con algún otro patrón regular para calmar al goblin en su cabeza que grita “orden”
    Si al entrar a la página todas las casillas hubieran estado marcadas, habría sentido una sensación de finalización y me habría ido dejándola en ese estado perfecto; de verdad me cuesta empatizar con los locos que quieren destruir esa belleza para escribir “boobs” ;)

• Probé $$('input[type=checkbox]').forEach(elt => elt.click()); y apareció una advertencia de "CHILL LOL". Es un sitio divertido

  • Ahora toca escribir un script de Playwright
    Bastaría con abrir el navegador con chromium, entrar a la página, buscar todos los input[type=checkbox] y hacerles clic
    Aun así, me siento un poco orgulloso de haber hecho aparecer la advertencia “CHILL” apretando como loco con el dedo, sin siquiera correr un script
  • Hay que mandar directamente por WebSocket 42["toggle.... Claro que, si no quieres desmarcar sino evitar invertir el estado, primero tienes que revisar qué casillas están marcadas
  • Me pregunto si habrá alguna forma de engañarlo para que acepte un JavaScript que marque todas las cajas
  • document.querySelectorAll("input[type=checkbox]").forEach(i => { i.checked = false; }); parece funcionar por un momento y no muestra advertencias

• Todas las casillas deben estar marcadas. A quienes las están desmarcando, les pido que lo reconsideren y se pasen al bando de los marcadores

  • Giro de trama: para la mitad de los espectadores se ve al revés
  • Por la actitud de “ambos lados son iguales” fue que llegamos a esta situación en primer lugar. En noviembre, votemos por Unchecked
  • Marqué manualmente 1.000, es decir, el 0,1%, y considero que hice mi parte. Fue puro trabajo/algoritmo humano, sin scripts
    Claro que con un script JS sencillo podría haber sido entre 2 y 5 veces más rápido, pero supuse que también habría límites de velocidad y que no encajaba con el espíritu de esta cosa rara
    Me recordó a Curiosity de Peter Molyneux: https://en.wikipedia.org/wiki/Curiosity%3A_What%27s_Inside_t...
  • Quita las manos de mi caja. Cuantas más marcas hay, menos libertad queda, así que estoy a favor de dejar algunas cajas sin marcar. Especialmente si son cajas con mis cosas privadas
  • Lo reconsideré y ahora estoy del lado de la pandilla de desmarcar

• Citas que me gustaron: “es tremendamente satisfactorio, como un MMO de plástico de burbujas”, “un juguete antiestrés global”, “¡excelente! ese servidor de WebSockets debe estar haciendo brrr”
  https://x.com/itseieio/status/1805986839058079896

• Hice un userscript de automatización de checks para Tampermonkey. En https://onemillioncheckboxes.com/ busca todos los checkboxes, marca los que no están marcados y vuelve a ejecutarse con un MutationObserver cada vez que cambia el DOM

  • Sinceramente, esto se siente como si destruyera el propósito mismo del sitio
  • No creo que este enfoque funcione con 1.000.000 de checkboxes. Mejor usar requestAnimationFrame, o buscar solo los no marcados con querySelectorAll('input[type="checkbox"]:not(:checked)'), o no llamar a checkAllCheckboxes en cada cambio
    O bien buscar uno por uno con querySelector('input[type="checkbox"]:not(:checked)') y procesarlos en un loop tipo while(true)

• Creo que la cuadrícula de checkboxes debería haber estado fijada a un ancho específico. Se nota que la gente intenta dibujar, pero en mi pantalla se ve torcido

  • Como creador del sitio, lo hice así a propósito. Ya hay suficientes experimentos colaborativos de dibujo en internet con un canvas fijo fácil de dibujar; quería ver qué salía al probar algo un poco distinto
    Claro que quizá sea una idea tonta, pero quería intentarlo
  • Qué lástima. El falo gigante que dibujé solo se ve correctamente con el ancho exacto que yo había ajustado. Me pregunto cuántos dibujos aleatorios me estaré perdiendo
    Además, reacomodarse toma tiempo, así que tampoco es fácil cambiar el tamaño de la ventana para ver en tiempo real qué está haciendo la gente
  • Que haya que “escanear” para reconocer imágenes lo hace más divertido. Y también significa que el autor puede elegir el ancho de su obra
    Como mucha gente usa anchos de pantalla parecidos, no hay tantas combinaciones como parece

• Gran trabajo. Me da un poco de envidia poder hacer algo así: ver cuánta gente usa estos experimentos y escalar rápido. Pero tengo la cabeza quemadísima por las tonterías corporativas y mi creatividad está en el sótano
  Me pregunto dónde se podrá encontrar todavía una empresa donde se pueda trabajar sin desperdiciar el 90% del tiempo en reuniones y documentos
  Quizá hice demasiados clics, pero en vez de morirme en silencio y con dolor, mi cabeza se está derramando aquí :D

  • Ese sentimiento es muy común, y yo también empecé a escribir sobre esa sensación de tocar fondo
    La respuesta es que, si no es tu respuesta, simplemente no lo es. Hay dos tipos de personas: aquellas cuyo trabajo no les domina la mente, y aquellas a quienes sí se la domina. Cuando te la domina, es difícil hacer otra cosa sin descuidar el trabajo
    La mayoría de los empleos son 90% reuniones y documentos. A grandes rasgos, eso casi define un empleo. Las startups son la excepción, pero esas sí que te dominan la mente
    Mi creatividad también estuvo en el sótano durante más o menos el último año. Son etapas. Es mejor no pelearlo a la fuerza y tratar de ser feliz. En mi experiencia, fue el único camino para recuperar la creatividad
  • Hoy en día parece que los casos más parecidos son una startup en etapa temprana o directamente crear tu propia empresa desde cero. Estoy en la misma situación, pero los proyectos paralelos me ayudan a aguantar
  • ¿Y si la creas tú?

• Desmarcar todas estas cajas es un trabajo que nadie va a reconocer