Lo más destacado de la comunidad: Chen Hui Jing

Chen Hui Jing es una diseñadora y desarrolladora autodidacta que vive en Singapur. Hablé con ella sobre CSS y, en especial, sobre sistemas de escritura que no son del inglés.

Esta publicación forma parte de Designcember. Celebra el diseño web con web.dev.

Chen Hui Jing hablando en un escenario frente a una pantalla grande en la que se muestran diapositivas.

Chen Hui Jing es una diseñadora y desarrolladora autodidacta que vive en Singapur, con un amor excesivo por el CSS, como lo demuestran su blog (que trata principalmente sobre CSS) y sus tweets (que tratan, sobre todo, de la tipografía y la Web). Solía jugar básquetbol a tiempo completo y comenzó su carrera en la Web durante el tiempo de descanso entre las sesiones de entrenamiento, y espera poder escalar al aire libre algún día. Hablé con ella sobre CSS y, en particular, sobre sistemas de escritura que no son en inglés.

Rachel: ¿Cuál fue tu ruta hacia el diseño y el desarrollo web?

Hui Jing: Cuando vivía en los dormitorios mientras jugaba básquetbol a tiempo completo, tenía un poco más de experiencia con computadoras que mis pares, y mi entrenador pensó que podía hacer algo acerca del sitio web de nuestra asociación que no se había actualizado en años. No tenía ni idea de qué era el desarrollo web, pero pensé que tenía tiempo libre para descubrirlo. Fue más agradable de lo que esperaba y, muchos años después, aún estoy aquí.

Rachel: ¿Y cómo llegaste a CSS en particular?

Hui Jing: Soy una persona muy visual por naturaleza, y hay algo más que poder dar "instrucciones" al navegador y ver eso reflejado en la pantalla que realmente me atrajo. Me sentía mucho más intuitivo que la lógica de programación para aplicaciones. Me ponía en serio la Web en una época en que los desarrollos en el mundo de los CSS comenzaban a acelerarse, por lo que había muchas propiedades experimentales que no se usaban demasiado. Fue muy emocionante descubrir funciones nuevas que pocas personas conocían.

Cómo trabajar con modos de escritura verticales

Rachel: Escribiste mucho sobre los modos de escritura vertical en CSS y los errores divertidos que encuentras cuando trabajas con escritura vertical. ¿Tienes algún error favorito que todos deberíamos destacar?

Hui Jing: Ocurrieron algunas cuando volví a verificarlo en mayo de este año, pero la mayoría ya se resolvieron, excepto una: Chromium tiene un problema con la superposición de Herramientas para desarrolladores en el modo de escritura vertical. Creo que esto es un testimonio de cómo este ciclo permanente de actualización del navegador está impulsando realmente el desarrollo web.

Rachel: Nos alegra saber que se están resolviendo estos problemas. ¿Crees que jugar con el modo de escritura tiene más casos de uso que solo escribir texto vertical?

Hui Jing: Ah, sí, definitivamente. Si bien la composición tipográfica es el caso de uso principal del modo de escritura, creo que otros sistemas de escritura pueden usar el modo de escritura para implementar diseños verticales, como el estilo que solemos ver en las revistas impresas. Para mí, las combinaciones de propiedades de CSS son lo que hace que el CSS sea tan poderoso, de modo que el modo de escritura junto con Flexbox y la cuadrícula nos brindan una gran cantidad de permutaciones para las direcciones de diseño, desde cuadros a nivel de página hasta caracteres individuales en el texto. Creo que esto desbloquea posibilidades y más creatividad a medida que las personas se dan cuenta del alcance de lo que es posible para el diseño web en el futuro. Espero ver en la Web diseños que no podrían haber imaginado hace unos años.

Rachel: A menudo, me preguntan si creo que todos deberían usar propiedades y valores lógicos ahora o si se convertirá en la opción predeterminada. ¿Cómo responderías a eso?

Hui Jing: Personalmente, espero que se convierta en la opción predeterminada, ya que, desde una perspectiva práctica, facilitaría mucho el desarrollo de sitios web con varias secuencias de comandos. En cuanto a si se convertirá en la opción predeterminada, eso es mucho más difícil de responder.

Un desafío para las propiedades lógicas es que está “reemplazando” una sintaxis establecida que se usa por muchos años, además del hecho de que la compatibilidad con secuencias de comandos que no son las predeterminadas, horizontal de arriba a abajo solo mejoró mucho en los últimos años. El contenido en la Web sigue predominantemente en inglés, por lo que el caso para usar propiedades lógicas es menos sólido en este contexto. Creo que esta causa podría ser un impulso mayor para que las personas que no hablan inglés creen contenido en sus respectivos idiomas para la Web. Además, si la prioridad es admitir varios idiomas, el valor de usar propiedades lógicas se vuelve aún más evidente.

Nuevas funciones en CSS

Rachel: ¿Qué característica o funcionalidad te gustaría que se agregara al CSS?

Hui Jing: Hace tiempo que sigo el trabajo de Miriam Suzanne sobre las consultas de contenedores. Las partes de la especificación que todavía no se desarrollaron para las funciones del contenedor de estilo y estado son bastante interesantes, porque realmente amplían el concepto de diseño responsivo. Es posible hacer que nuestros diseños y diseños respondan a algo más que solo al tamaño de nuestro viewport. Espero que los distintos proveedores de navegadores puedan estar de acuerdo con el módulo de contención y que, en un futuro cercano, podamos ofrecer una mayor compatibilidad.

Inspiración para que la sigan

Rachel: ¿Quién más está realizando trabajos realmente interesantes, divertidos o creativos en la Web en este momento?

Hui Jing: Siempre me atraen las personas que hacen arte con CSS. También hay personas de las que soy fanático durante años, como Yuan Chuan y sus creaciones generativas de CSS, Ben Evans, que hace mucho arte de CSS, y Ana Tudor con sus análisis profundos de técnicas realmente ingeniosas. Recientemente, encontré los Codepens de Julia Miocene y Jackie Zen, que también tienen atractivas animaciones de CSS.

Rachel: Puedes leer más de Chen Hui Jing en su sitio: chenhuijing.com.