De los Lentes al Código - El Viaje Personal Detrás de Harmonia Vision
Después de casi una década usando lentes por miopía y astigmatismo, construí una extensión que finalmente entiende lo que mis ojos necesitan.
El Día que Todo Cambió
Fue a mediados de 2016 cuando me puse lentes por primera vez. Miopía y astigmatismo - dos palabras que se convertirían en compañeras permanentes en mi vida como desarrollador.
Todavía recuerdo ese primer momento de claridad. El mundo de repente tenía bordes otra vez. El texto en las pantallas era nítido. Pero también descubrí algo frustrante: la configuración predeterminada de mi editor de código no estaba diseñada pensando en mis ojos.
El Ajuste Interminable
Con los años, desarrollé un hábito. Cada vez que configuraba una nueva máquina o cambiaba de editor, pasaba tiempo ajustando tamaños de fuente, probando diferentes tipografías, jugando con la altura de línea. Era un ritual que a veces tomaba horas para sentirse “correcto”.
Pero siempre era adivinanza. ¿Qué tan grande debería ser la fuente? ¿Debería aumentar el espaciado entre líneas? ¿Por qué esta fuente se siente borrosa incluso en tamaños más grandes?
Nunca tuve respuestas claras. Solo prueba y error, una y otra vez.
De Harmonia Theme a Harmonia Vision
Cuando construí Harmonia Theme, mi enfoque estaba en los colores - reducir el ruido visual, crear una paleta tranquila que no cansara mis ojos durante sesiones largas.
Pero los colores son solo la mitad de la historia.
La tipografía importa igual. Para alguien con astigmatismo, las letras muy juntas se mezclan entre sí. Para alguien con miopía, el texto pequeño significa estar constantemente inclinándose hacia la pantalla. Y la fatiga visual lo magnifica todo.
Me di cuenta de que necesitaba algo más sistemático. Algo que entendiera el por qué detrás de cada ajuste, no solo el qué.
Entendiendo Mis Propios Ojos
Empecé a investigar cómo las diferentes condiciones visuales afectan la legibilidad en pantalla:
- La miopía hace borrosos los objetos distantes - en una pantalla, esto se traduce en necesitar texto más grande para mantener una distancia de visualización cómoda.
- El astigmatismo causa que la luz se disperse irregularmente, haciendo que los caracteres muy juntos se vean borrosos - el espaciado aumentado entre letras ayuda.
- La fatiga visual se beneficia de más espacio vertical entre líneas.
- La sensibilidad a la luz significa que las fuentes de alto contraste o muy gruesas pueden sentirse incómodas.
Cada condición tiene sus propias necesidades. Y cuando tienes múltiples condiciones (como yo), interactúan de formas complejas.
Construyendo el Calibrador
Harmonia Vision empezó como una idea simple: ¿qué pasaría si mi editor pudiera entender mi receta óptica?
Construí un motor de calibración que considera:
- Qué condiciones tienes - selecciona una o varias de una lista.
- Los valores reales de tu receta - esfera y cilindro, si quieres recomendaciones precisas.
- Tu configuración actual - como una base que las recomendaciones no reducirán.
El motor usa umbrales derivados empíricamente basados en perfiles de comodidad reales.
Cuando ejecuté el calibrador en mi propia configuración, los resultados fueron reveladores. Mi configuración manual después de años de ajustes era:
| Configuración | Mi Config Manual |
|---|---|
| Tamaño de Fuente | 18px |
| Altura de Línea | 0 (auto) |
| Espaciado de Letras | 0 |
| Ancho de Cursor | 1px |
La extensión analizó mis condiciones y recomendó:
| Configuración | Recomendación | Por qué |
|---|---|---|
| Tamaño de Fuente | 19px | Ligeramente más grande para comodidad sostenida |
| Altura de Línea | 1.6 | Mejor seguimiento de líneas con astigmatismo |
| Espaciado de Letras | 0.3px | Reduce el desenfoque de caracteres por astigmatismo |
| Ancho de Cursor | 3px | Más fácil de seguir con miopía |
Los cambios de altura de línea y espaciado de letras eran cosas que nunca había pensado en ajustar, pero una vez que los probé, la diferencia fue notable. Las líneas de código se sentían menos apretadas, y mis ojos no tenían que trabajar tanto para distinguir caracteres similares.
Fue validador ver al algoritmo sugerir mejoras que ni siquiera sabía que necesitaba.
El Flujo de Aplicación Seguro
Una cosa que aprendí de años de ajustes: a veces haces un cambio y se ve genial… hasta que no. Tal vez la fuente es muy grande para tu monitor. Tal vez la altura de línea se siente mal después de una hora de programar.
Así que construí una red de seguridad:
- Snapshots automáticos de tu configuración antes de cualquier cambio.
- Vista previa en vivo para probar en tiempo real.
- Reversión con un clic para volver a tu estado cómodo anterior.
No más buscar en configuraciones para recordar qué valores tenías antes. Solo haz clic en “Revertir” y listo.
Privacidad por Diseño
Tu receta es información médica personal. No quería construir algo que enviara esos datos a ningún lado.
Harmonia Vision es completamente local:
- Sin telemetría ni analíticas.
- Los valores de receta se usan solo para cálculo, nunca se almacenan permanentemente.
- Toda la configuración vive en tu configuración de VS Code.
- El código es open source - puedes verificar cada línea.
Lo Que Espero Que Obtengas
Si usas lentes, tienes fatiga visual, o simplemente te encuentras constantemente ajustando la configuración de tu editor - construí esto para ti.
No es un reemplazo para el cuidado ocular apropiado. Por favor visita a tu optometrista regularmente.
Pero puede ayudarte a encontrar un punto de partida que realmente considere tus ojos, no solo valores predeterminados genéricos diseñados para visión perfecta.
Una Década Después
Casi diez años con lentes ya. Mi receta ha cambiado algunas veces. Mis monitores han cambiado. Mis temas preferidos han cambiado.
Pero el desafío fundamental permanece: hacer que el texto en pantallas sea cómodo para ojos que necesitan un poco de ayuda.
Harmonia Vision es mi respuesta a ese desafío. Una pequeña herramienta que aplica lo que he aprendido de años de ajustar, investigar y entender mi propia visión.
Espero que ayude a tus ojos tanto como ayuda a los míos.
Dónde Encontrarlo
Harmonia Vision ya está disponible en Visual Studio Code Marketplace.
Gracias por Leer
Construir herramientas para desarrolladores que se enfoquen en accesibilidad y comodidad es significativo para mí. Pasamos tantas horas mirando código - debería ser lo más cómodo posible.
Si pruebas Harmonia Vision, me encantaría saber cómo te funciona. Especialmente si tienes condiciones visuales diferentes a las mías - tu retroalimentación ayuda a mejorarlo para todos.
Cuida tus ojos.