Todo es relativo.

Recuerdo estar sentado en el asiento trasero de la camioneta Subaru de nuestra familia. Tenía seis años y esto fue mucho antes de que existieran los asientos de seguridad para niños. Mi papá estaba al volante y mi mamá jugó 20 Preguntas conmigo mientras conducíamos hacia un lugar de vacaciones que ni siquiera recuerdo.

Fue el turno de mi mamá mientras ella y yo jugábamos 20 preguntas. Ella tenía un objeto en mente y yo estaba haciendo las preguntas.

“¿Es grande?” Yo pregunté.

“¿En relación con qué?” respondió mi mamá.

Este fue el patrón durante todo el juego. Hice una pregunta y mi mamá respondió con una pregunta sobre la relatividad.

“Puedes hacer preguntas cuando sea mi turno de pensar en un objeto”, decía.

“Si preguntas si es tan grande como una montaña, la respuesta es no. Pero al lado de la hormiga, sí, es grande”.

Este año ha sido un largo período de reaprendizaje de lo que significa pensar relativamente. ¿Cuánto dura el tramo? Es relativo, supongo. Pero a medida que 2020 llega a su fin, casi puedo escuchar a mi mamá haciéndome la misma pregunta, ya sea en el trabajo o en mi vida personal.

“¿En relación con qué?” ella pregunta.

---

Mi mente salta a unidades relativas en CSS cuando escucho la palabra “relativo”. Estoy seguro de que a muchos de vosotros os pasa lo mismo. Busco cosas como emy remtodo %el tiempo en mi trabajo. Solo comencé a usarlos para ser genial cuando supe sobre ellos por primera vez (cuando fuese). Ni siquiera sabía que había una diferencia real entre emy rem. Pensé que tenían algo que ver con las pantallas de retina.

Por supuesto, eso fue hace mucho tiempo. (¿Cuánto tiempo? Es relativo.) Ahora sé que las unidades relativas son relativas a aquello a lo que hacen referencia . 2remVamos a evaluar una forma en un sitio con un tamaño de fuente raíz de 16pxy otra para un sitio en 24px. Lo mismo ocurre con los porcentajes. 50%dentro de un 400pxcontenedor significa algo diferente que 50%dentro de un 1200pxcontenedor.

Entonces, ahora, cuando me encuentro asignando valores de tamaño a elementos, primero tengo un pequeño diálogo con mi mamá.

“Este elemento es 5.25em”.

“¿En relación con qué?” ella pregunta.

---

También aprenderé que pensar relativamente requiere un poco de perspectiva . Y no, esto no tiene nada que ver con CSS perspective(aunque probablemente podría intentar hacer esa conexión). Pensar en términos relativos significa salir momentáneamente de sus propios zapatos y ver las cosas desde el punto de vista de otra persona.

Digo “algo” porque pienso más en esto cuando escribo código. Siempre que trabajo en las piezas de un componente, tengo que tener en cuenta el contexto (o perspectiva) en el que se ubican. ¿Por qué? Porque las piezas significan cosas diferentes en diferentes contextos y esos contextos son relativos al componente que las contiene.

¿Cuándo es h2solo un h2? Casi nunca. Podría ser el nombre de la publicación. O quizás el encabezado de un widget. Quizás sea el encabezado de un componente de la tarjeta. Como front-end, nombramos esas cosas según la perspectiva del componente. Desde la perspectiva de una publicación, un h2significa (y probablemente parezca) algo diferente desde la perspectiva de, digamos, una tarjeta.

.post {}.post__title {}.widget {}.widget__title {}.card {}.card__title {}

Nombrar las cosas es difícil. A menudo me encuentro pensando: “¡Ack! ¿Cómo diablos deberían llamar a esta cosa?

“¿En relación con qué?” Interviene mi mamá.

---

Podría seguir y seguir. La verdad es que pensar en términos de relatividad es tan importante para el código que escribimos como para un juego de 20 preguntas o incluso para nuestra vida personal. Y en un año en el que nos hemos visto trastornados por tantas fuerzas en competencia, pensar en este sentido puede ofrecer consuelo y sabiduría en medio de lo que ha sido estresante y frustrante para muchos de nosotros (relativamente, por supuesto).

• “Esto me está estresando”. ¿Relativo a qué?
• “Tengo mucho que hacer”. ¿Relativo a cuándo?
• “Apesto como JavaScript”. ¿Relativo a quién?
• “Odio el lugar donde trabajo”. ¿Relativo a dónde?

Es fácil quedar atrapado en absolutos. La relatividad nos obliga a ver las cosas de otra manera.