Crear la portada de Hacker News como un periódico impreso (personalizable)

• Toma parte del texto original de los posts de la portada de Hacker News y lo maqueta como si fuera un periódico
• Las recomendaciones cambian según pulses Like/Dislike
• Próximamente: ver todos los comentarios, navegación de múltiples páginas, guardar me gusta y no me gusta

[GN⁺]

Opiniones en Hacker News

• Las fotos de la primera pantalla deberían tener un estándar muy alto, y creo que la mayoría de las imágenes actuales no justifican ocupar ese espacio.
  Sería mejor evitar vistas previas trilladas de páginas como GitHub, logos genéricos de sitios como arXiv o Aide, imágenes de stock o generadas por IA como modelos con traje, imágenes decorativas de algunos artículos y fotos de autores.
  En este contexto, los GIF con reproducción automática distraen muchísimo. El contenido en sí puede ser bueno, pero para mí sería más adecuado “reproducir cuando yo quiera”.
  Las imágenes funcionan mejor cuando son material visual relevante y único, como un gladiador o una cucaracha en un artículo histórico, pero aun así no son de nivel primera pantalla.
  Para que realmente valgan el espacio, tienen que aportar información más allá del texto. Si se identificaran casos donde el artículo en sí trata sobre la imagen, como fotos del espacio o visualizaciones de datos, la forma de mostrarlos tendría un valor real.

  • También están cosas como “noticias de muerte de una persona poco conocida sin explicación de por qué debería importarnos”.

• Lo hice para experimentar con embeddings y ver cómo la forma de presentar la información afecta la percepción.
  Tomo las 100 historias principales, envío el HTML a GPT-4 para extraer el cuerpo y genero embeddings con el título y el contenido. Solo con parsing de HTML los resultados no eran lo suficientemente buenos.
  Los me gusta/no me gusta se guardan en almacenamiento local, y se comparan con todas las historias usando similitud coseno para encontrar las más relacionadas.
  El costo operativo es de unos 10 dólares al día. Estoy pensando si podría ofrecer valor adicional con una pequeña suscripción. Podrían ser más páginas de periódico, texto completo/comentarios, resúmenes semanales o exportación a ePub.

  • El mayor valor de HN muchas veces está en los comentarios, y encontrar buenos comentarios es mucho más difícil, porque pueden estar ocultos en hilos que uno originalmente no habría leído.
    No sé si necesariamente sea una “función premium”, pero extender este enfoque a todos los comentarios sería muy bueno.
  • No sé por qué cuesta 10 dólares al día. Creo que no debería pasar de 1 dólar al día, y con créditos de AWS o Azure podrías operarlo gratis durante años.
  • Parece que lo que se menciona aquí es usar similitud coseno con embeddings.
    Yo estoy haciendo algo parecido en el área de acciones. Para la mayoría de los valores, tomo décadas de reportes 10-Q y tenencias ponderadas de ETFs, genero embeddings con un autoencoder y corro algoritmos de coseno y euclidianos en Rust WASM.
  • Está bastante bueno. Cuando quiera leer con calma usaría esto, y cuando tenga prisa usaría el sitio original de HN.
    Recuerdo haber visto comentarios que decían que se obtenían mejores resultados si primero se convertía a Markdown y luego se enviaba al LLM, en vez de mandar el HTML directo a GPT-4. También podría reducir un poco el costo.

• Esto no se ve como un periódico impreso. Un periódico impreso normalmente tiene mucha más densidad de información y también usa distintos tamaños de título para destacar las historias elegidas por el editor.
  Ahora se siente como la página de inicio de un blog corporativo. Puede que a algunas personas les guste este formato, pero yo estoy bastante satisfecho con HN como está. De todos modos, felicidades por el lanzamiento.

  • Estoy de acuerdo. Aunque soy parcial: en 2009 hice una app casi igual a la del post original, y tenía tamaños de título diferentes como un periódico.
    https://github.com/gilesbowkett/hacker_newspaper/blob/master...
    La mantuve entre 5 y 10 años y al final la discontinué.
    No quiero desmerecer el post original. La versión original tiene fotos y la mía no las tenía. Pero sí estoy de acuerdo en que la jerarquía visual inherente al diseño de titulares de periódico es una ventaja importante de este formato.
  • Si quieres ver el resto de las noticias en un formato más parecido a HN, al menos en el nivel superior, quizá te guste https://lite.cnn.com/.
  • Llevo varios años operando https://dailypopulous.com/, que básicamente es parecido a esto pero para noticias generales.
    Genera una edición estática de periódico cada 6 horas con base en los enlaces de noticias más populares en redes sociales, y también ofrece un archivo completo de ediciones anteriores.
  • Buena observación. Parece que el diseño debería haber creado automáticamente una jerarquía visual según el ranking de las historias.
  • Gracias por el feedback. Un periódico impreso tiene curaduría editorial, y esto no la tiene.
    Creo que lo principal tomado del periódico probablemente sean las imágenes y los resúmenes que ayudan a previsualizar las historias.

• Se ve realmente limpio. Desde hace mucho quería hacer un proyecto parecido, pero inspirado en la serie de Harry Potter, con estilo del Daily Prophet.
  Sería algo con GIFs y efectos como en https://harrypotter.fandom.com/wiki/Daily_Prophet?file=Daily....
  Hace unos años también apareció en HN un proyecto similar que estaba bastante genial. Era un proyecto para mostrar un periódico en la pared con una pantalla inteligente de E Ink (https://news.ycombinator.com/item?id=22831323).

• Como hijo de dos periodistas, uno de ellos editor, la edición de noticias y la diagramación de páginas son mucho más complejas que usar una fuente serif y ajustar un poco la tipografía.
  Lo más cercano a una buena diagramación de portada que ha aparecido en HN fue esto de hace unos meses: https://cybernetic.dev/grid
  La clave de un buen layout es equilibrar una alta densidad de información con la legibilidad. Esto se inclina demasiado hacia la “legibilidad” minimalista.
  Si quieres ver elementos de maquetación de publicaciones digitales, conviene revisar revistas antiguas hechas en InDesign/QuarkXPress.
  Algún día aparecerá un excelente layout que combine bien edición de noticias y web, pero esto todavía no llega ahí.

• Solo veo “Failed to load stories” una y otra vez. ¿Estoy haciendo algo mal? ¿Hay algo que configurar antes de que cargue?

  • Yo también vi eso cuando abrí el sitio por primera vez justo después de que se publicara el post. Unas 12 horas después el contenido cargó correctamente.
    No cambié nada en mi red, así que parece que el operador del sitio cambió la configuración.
  • Tuve el mismo problema y lo resolví. Hay que desactivar el bloqueador de anuncios.

• ¿Alguien recuerda “Hacker Monthly”? Hace unos años era un PDF mensual con una buena diagramación de los artículos populares que habían recibido muchos votos aquí.

  • También imprimían y enviaban una revista física de verdad. Fue la primera vez que recibí algo que había escrito en una versión impresa de forma profesional.

• Bastante genial. Me gusta la interfaz limpia, que te hace enfocarte más en cada publicación —aquí, cada artículo— en vez de escanear un montón de títulos.
  En particular, el artículo sobre Jupiter originalmente no me había llamado la atención en la primera pantalla, pero en este sitio sí lo noté.
  Sería bueno tener una función de personalización que permita priorizar temas de interés incluso sin me gusta/no me gusta. Por ejemplo, empujar hacia arriba artículos con la etiqueta emacs.
  También sería bueno poder ocultar por completo los botones de me gusta y no me gusta, porque vuelven a introducir esa sensación de red social que la UI estilo periódico había logrado quitar.

  • Para mí es un poco lo contrario. En la vista básica realmente leo todos los títulos y pienso qué podría haber al hacer clic.
    En esta versión termino desplazándome sin pensar y hojeando más.
  • También podría estar bien permitir agregar palabras clave en una página separada de “customize”.

• Está bueno. Hace poco estuve trabajando en una extensión de Chrome para personalizar la primera pantalla con base en embeddings.
  https://chromewebstore.google.com/detail/hn-explorer/amiaaon...