In evidenza nella community: Chen Hui Jing

Chen Hui Jing è una designer e sviluppatrice autodidatta che vive a Singapore. Le ho parlato di CSS e in particolare di sistemi di scrittura non inglesi.

Questo post fa parte di Designcember, Una celebrazione del web design, offerta da web.dev.

Chen Hui Jing parla sul palco davanti a un grande schermo che mostra delle slide.

Chen Hui Jing è una designer e sviluppatrice autodidatta che vive a Singapore, con un enorme amore per i CSS, come dimostra il suo blog (che riguarda principalmente CSS) e i suoi tweet (in gran parte dedicati alla tipografia e al web). Giocava a basket a tempo pieno e ha lanciato la sua carriera sul web durante il tempo di riposo tra le sessioni di allenamento, sperando di poter scalare all'aperto un giorno. Le ho parlato di CSS, in particolare di sistemi di scrittura non inglesi.

Rachel: Qual è stato il tuo percorso verso il web design e lo sviluppo?

Hui Jing: Quando vivevo nei dormitori mentre giocavo a tempo pieno, avevo un po' più di esperienza con i computer dei miei pari e il mio coach (lo benedico) pensava che potevo fare qualcosa sul sito web della nostra associazione che non veniva aggiornato da anni. Non avevo idea di cosa fosse lo sviluppo web, ma pensavo di avere abbastanza tempo libero per capirlo. È stato più piacevole di quanto mi aspettassi e molti anni dopo sono ancora qui.

Rachel: Come hai iniziato a lavorare in CSS in particolare?

Hui Jing: sono una persona molto visiva per natura e c'è qualcosa nel poter dare "istruzioni" al browser e vedere subito i riflessi sullo schermo che mi ha davvero conquistato. Mi sembrava molto più intuitivo della logica di programmazione per le applicazioni. Ho preso sul serio il web in un'epoca in cui gli sviluppi nel mondo dei CSS stavano iniziando a prendere piede, quindi c'erano molte proprietà sperimentali non ampiamente utilizzate. È stato davvero emozionante scoprire nuove funzionalità che solo poche persone conoscono.

Operazioni con le modalità di scrittura verticale

Rachel: Hai scritto molto sulle modalità di scrittura verticale in CSS e sui bug divertenti che trovi quando lavori con la scrittura verticale. Hai qualche bug preferito che dovremmo tutti aggiungere a Speciali?

Hui Jing: quando ho controllato a maggio di quest'anno, ce ne sono alcuni, ma la maggior parte è stata risolta, ad eccezione di uno: Chromium ha un problema con l'overlay di DevTools in modalità di scrittura verticale. Penso che questa sia una testimonianza di come questo sempre attuale ciclo di aggiornamento del browser stia davvero spingendo lo sviluppo web in avanti.

Rachel: È fantastico sapere che questi problemi sono in fase di risoluzione. Pensi che giocare con la modalità di scrittura abbia più casi d'uso rispetto alla semplice digitazione di un testo verticale?

Hui Jing: Ah sì, certamente. Anche se la composizione tipografica dell'Asia orientale è il caso d'uso principale della modalità di scrittura, penso che altri sistemi di scrittura possano utilizzare la modalità di scrittura per implementare layout verticali, come lo stile che vediamo spesso nelle riviste cartacee. Per me, le combinazioni di proprietà CSS sono ciò che rende il CSS così efficace. Di conseguenza, la modalità di scrittura, insieme a flexbox e griglia, fornisce un numero abbastanza elevato di permutazioni per le indicazioni relative al layout, dalle caselle a livello di pagina fino ai singoli caratteri nel testo. Penso che questo offra possibilità e creatività man mano che le persone si rendono conto della portata delle possibilità del web design in futuro. Spero di vedere sul web layout e design che non avrei mai potuto immaginare fino a pochi anni fa.

Rachel: Mi viene spesso chiesto se penso che ora tutti debbano usare le proprietà e i valori logici o se diventerà l'impostazione predefinita. Come risponderesti?

Hui Jing: Personalmente, spero che diventerà l'impostazione predefinita, perché da un punto di vista pratico renderebbe molto più semplice lo sviluppo di siti web con più script. È molto più difficile rispondere se diventerà l'impostazione predefinita.

Una sfida per le proprietà logiche è che "sostituisce" una sintassi consolidata che è in uso da molti anni, oltre al fatto che il supporto per script che non sono quelli predefiniti, orizzontali dall'alto verso il basso è solo migliorato molto negli ultimi anni. I contenuti sul web sono ancora prevalentemente in inglese, quindi l'utilizzo di proprietà logiche è meno efficace in questo contesto. Penso che una maggiore spinta da parte degli utenti non anglofoni nella creazione di contenuti nelle rispettive lingue per il web possa diffondere questa causa. Inoltre, se il supporto di più lingue diventasse una priorità maggiore, il valore dell'utilizzo delle proprietà logiche diventerebbe ancora più evidente.

Nuove funzionalità in CSS

Rachel: Quale caratteristica o funzionalità ti piacerebbe che fosse aggiunta al CSS?

Hui Jing: Seguo da un po' il lavoro di Miriam Suzanne sulle query relative ai container e le parti della specifica che non sono state ancora sviluppate per le funzionalità dei container Stile e Stato sono piuttosto interessanti, perché ampliano davvero il concetto di design reattivo. Potenzialmente, potremmo fare in modo che i nostri design e layout siano in linea con le dimensioni dell'area visibile. Mi auguro quindi che il modulo di contenimento sia su cui i diversi fornitori di browser possano concordare e che potremo ottenere un supporto più ampio per questo nel prossimo futuro.

Ispirare le persone a seguire

Rachel: Chi altri sta svolgendo lavori davvero interessanti, divertenti o creativi sul web in questo momento?

Hui Jing: Adoro le persone che realizzano opere d'arte CSS. E ci sono persone di cui sono fan da anni, come Yuan Chuan e le sue creazioni generative in CSS, Ben Evans, a cui non dispiace dare sfogo all'artwork CSS e Ana Tudor con i suoi approfondimenti sulle tecniche davvero intelligenti. Recentemente ho scoperto Codepens di Julia Miocene e Jackie Zen, che hanno anche splendide animazioni CSS.

Rachel: Puoi leggere altri contenuti di Chen Hui Jing sul suo sito all'indirizzo chenhuijing.com.