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

Chen Hui Jing es una diseñadora y desarrolladora autodidacta que vive en Singapur. Le hablé sobre CSS y, en particular, sobre sistemas de escritura que no son en inglés.

Esta publicación forma parte de Designcember. Una celebración del diseño web, presentada por web.dev.

Chen Hui Jing hablando en un escenario frente a una pantalla grande que muestra diapositivas.

Chen Hui Jing es una diseñadora y desarrolladora autodidacta que vive en Singapur, tiene un gran amor por CSS, como lo demuestran su blog (que trata principalmente sobre CSS) y sus tweets (que son principalmente sobre tipografía y la Web). Solía jugar básquetbol a tiempo completo y lanzó su carrera en la Web durante el tiempo de inactividad entre las sesiones de entrenamiento. Espera poder escalar al aire libre algún día. Le hablé 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 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 las computadoras que mis pares, y mi entrenador (lo bendice) pensó que podía hacer algo relacionado con el sitio web de la asociación que no se hubiera actualizado en años. No tenía idea de qué era el desarrollo web, pero pensaba que tenía suficiente tiempo libre para resolverlo. Fue más agradable de lo que esperaba y muchos años después, todavía sigo aquí.

Rachel: ¿Y cómo entraste al CSS en particular?

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

Cómo trabajar con modos de escritura vertical

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

Hui Jing: Hubo algunas verificaciones de mayo de este año, pero la mayoría ya se resolvió, excepto una: Chromium tiene un problema con la superposición de Herramientas para desarrolladores en el modo de escritura vertical. Creo que este es un testimonio de cómo este ciclo perdurable de actualización de navegadores realmente está impulsando el desarrollo web.

Rachel: Nos alegra saber que se están solucionando estos problemas. ¿Crees que jugar con el modo de escritura tiene más casos de uso que simplemente la composición tipográfica de texto vertical?

Hui Jing: Ah, sí, por supuesto. 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 a menudo vemos en las revistas impresas. Para mí, las combinaciones de propiedades de CSS son lo que hace que CSS sea tan potente, por lo que el modo de escritura junto con flexbox y 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 abre las posibilidades y aumenta la creatividad a medida que la gente se da 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 hubiera imaginado hace unos años.

Rachel: A menudo me preguntan si creo que todo el mundo debería usar propiedades y valores lógicos ahora o si se convertirán en los predeterminados. ¿Cómo responderías 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 secuencias de comandos múltiples. Es mucho más difícil responder sobre si SE convertirá en la opción predeterminada.

Un desafío para las propiedades lógicas es que consiste en "reemplazar" una sintaxis establecida que ha estado en uso por muchos años, además del hecho de que la compatibilidad con secuencias de comandos que no son la predeterminada, horizontal de arriba a abajo, solo mejoró mucho en los últimos años. El contenido en la Web sigue siendo mayormente en inglés, por lo que el uso de propiedades lógicas es menos contundente en este contexto. Creo que una mayor iniciativa para que las personas que no hablan inglés creen contenido en sus respectivos idiomas para la Web adelantaría esta causa. Además, si admitir varios idiomas se convierte en una prioridad mayor, el valor de usar propiedades lógicas se volvería aún más evidente.

Nuevas funciones de CSS

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

Hui Jing: Hace tiempo que sigo el trabajo de Miriam Suzanne sobre las consultas de contenedores, y las partes de la especificación que aún no se han desarrollado para las funciones de contenedores de Estilo y Estado son muy interesantes, ya que realmente amplían el concepto del diseño responsivo. Podríamos hacer que nuestros diseños y diseños respondan a algo más que al tamaño de nuestro viewport. Espero que el módulo de contención sea algo con lo que los diferentes proveedores de navegadores puedan estar de acuerdo y que podamos tener una mayor compatibilidad con esto en un futuro cercano.

Inspirando a las personas a seguir

Rachel: ¿Quién más está haciendo un trabajo realmente interesante, divertido o creativo en la Web en este momento?

Hui Jing: Siempre me atraen las personas que hacen arte con CSS. También hay personas que me han gustado durante años, como Yuan Chuan y sus creaciones de CSS generativo, Ben Evans, a quien le apasiona el arte de CSS, y Ana Tudor con sus análisis detallados de técnicas realmente ingeniosas. Recientemente, me encontré con Codepens de Julia Miocene y Jackie Zen, que también tienen hermosas animaciones de CSS.

Rachel: Puedes obtener más información de Chen Hui Jing en el sitio de chenhuijing.com.