Chen Hui Jing adalah seorang desainer dan developer autodidak yang tinggal di Singapura. Saya berbincang dengannya tentang CSS, dan khususnya sistem penulisan non-Inggris.
Postingan ini adalah bagian dari Designcember. Perayaan desain web, dipersembahkan oleh web.dev.
Chen Hui Jing adalah seorang desainer dan developer autodidak yang tinggal di Singapura, dengan kecintaannya yang luar biasa terhadap CSS, sebagaimana dibuktikan dari blognya (yang sebagian besar membahas CSS) dan tweet-nya (yang sebagian besar tentang tipografi dan web). Ia dulunya bermain basket secara purnawaktu dan memulai karier webnya di sela-sela sesi latihan, dan ia berharap dapat memanjat tebing suatu hari nanti. Saya berbicara dengannya tentang CSS, dan khususnya sistem penulisan selain bahasa Inggris.
Rachel: Bagaimana rute yang Anda ambil untuk masuk ke bidang desain dan pengembangan web?
Hui Jing: Ketika saya tinggal di asrama sambil bermain bola basket secara purnawaktu, saya memiliki sedikit lebih banyak pengalaman dengan komputer daripada rekan-rekan saya, dan pelatih saya (beruntung baginya) berpikir bahwa saya dapat melakukan sesuatu tentang situs asosiasi kami yang belum diperbarui selama bertahun-tahun. Saya tidak tahu apa itu pengembangan web, tetapi saya merasa memiliki cukup waktu untuk mencari tahu. Prosesnya lebih menyenangkan dari perkiraan saya dan bertahun-tahun kemudian, saya masih di sini.
Rachel: Bagaimana Anda bisa masuk ke CSS?
Hui Jing: Pada dasarnya saya orang yang sangat visual, dan saya tidak bisa memberikan "instruksi" ke browser dan langsung melihatnya di layar yang benar-benar menarik bagi saya. Rasanya jauh lebih intuitif bagi saya daripada logika pemrograman untuk aplikasi. Saya mulai serius dengan web di saat perkembangan dunia CSS mulai meningkat, jadi ada banyak properti eksperimental yang tidak digunakan secara luas. Rasanya sangat menarik saat menemukan fitur-fitur baru yang belum banyak diketahui orang.
Bekerja dengan mode penulisan vertikal
Rachel: Anda telah banyak menulis tentang mode penulisan vertikal di CSS, dan bug seru yang Anda temukan saat menggunakan penulisan vertikal. Apakah Anda memiliki bug favorit yang harus kita bintangi?
Hui Jing: Ada beberapa kasus ketika saya memeriksanya kembali pada bulan Mei tahun ini, tetapi sebagian besar sudah terselesaikan kecuali satu: Chromium memiliki masalah dengan overlay DevTools dalam mode penulisan vertikal. Saya rasa ini adalah bukti bagaimana siklus update browser yang selalu aktual ini benar-benar mendorong pengembangan web ke depan.
Rachel: Kami senang mendengar bahwa masalah ini sedang diperbaiki. Apakah menurut Anda bermain dengan mode tulis memiliki lebih banyak kasus penggunaan daripada sekadar mengetik teks vertikal?
Hui Jing: Oh ya, tentu saja. Meskipun jenis huruf Asia Timur adalah kasus penggunaan utama mode penulisan, menurut saya sistem penulisan lain dapat memanfaatkan mode tulis untuk menerapkan tata letak vertikal, seperti gaya yang sering kita lihat di majalah cetak. Bagi saya, kombinasi properti CSS adalah yang membuat CSS begitu kuat, jadi mode penulisan bersama dengan flexbox dan grid memberi kita jumlah permutasi yang cukup besar untuk arah tata letak, mulai dari kotak tingkat halaman hingga karakter individual dalam teks. Saya pikir hal ini membuka kemungkinan dan lebih banyak kreativitas saat orang-orang menyadari ruang lingkup dari apa yang mungkin untuk desain web ke depan. Saya berharap melihat tata letak dan desain di web yang tidak dapat saya bayangkan beberapa tahun yang lalu.
Rachel: Saya sering ditanya apakah menurut saya semua orang harus menggunakan properti dan nilai logis sekarang, atau apakah itu akan menjadi default. Bagaimana Anda menjawabnya?
Hui Jing: Secara pribadi, saya berharap fitur ini akan menjadi default, karena dari perspektif praktis, hal ini akan mempermudah pengembangan situs multi-skrip. Apakah AKAN menjadi {i>default<i}, itu jauh lebih sulit untuk dijawab.
Tantangan untuk properti logika adalah metode ini "menggantikan" sintaksis yang telah digunakan selama bertahun-tahun, ditambah fakta bahwa dukungan untuk skrip yang bukan default, horizontal atas-ke-bawah menjadi jauh lebih baik dalam beberapa tahun terakhir. Sebagian besar konten di web masih menggunakan bahasa Inggris, sehingga penggunaan properti logika kurang kuat dalam konteks ini. Menurut saya, dorongan yang lebih besar bagi pengguna yang tidak berbahasa Inggris untuk membuat konten dalam bahasa masing-masing untuk web akan meneruskan hal ini. Selain itu, jika mendukung beberapa bahasa menjadi prioritas yang lebih besar, nilai penggunaan properti logis akan menjadi lebih jelas lagi.
Fitur baru di CSS
Rachel: Fitur atau fungsi apa yang Anda inginkan ditambahkan ke CSS?
Hui Jing: Saya sudah cukup lama mengikuti pekerjaan Miriam Suzanne tentang kueri container, dan bagian spesifikasi yang belum dikembangkan untuk fitur container Gaya dan Status sangatlah menarik, karena benar-benar memperluas konsep desain responsif. Kita berpotensi membuat desain dan tata letak merespons lebih dari sekedar ukuran area pandang. Jadi saya harap modul penanggulangan adalah sesuatu yang dapat disepakati oleh berbagai vendor browser dan kita bisa mendapatkan dukungan yang lebih luas untuk hal ini dalam waktu dekat.
Menginspirasi orang untuk mengikuti
Rachel: Siapa lagi yang melakukan pekerjaan yang benar-benar menarik, menyenangkan, atau kreatif di web saat ini?
Hui Jing: Saya selalu tertarik pada orang yang menekuni seni CSS. Dan ada orang-orang yang telah saya sukai selama bertahun-tahun, seperti Yuan Chuan dan kreasi CSS generatifnya, Ben Evans, yang dengan senang hati mencerahkan karya seni CSS dan Ana Tudor dengan pembahasan mendalamnya tentang teknik yang sangat cerdas. Baru-baru ini saya menemukan Codepens oleh Julia Miocene dan Jackie Zen yang juga memiliki animasi CSS yang bagus.
Rachel: Anda dapat membaca selengkapnya dari Chen Hui Jing di situsnya di chenhuijing.com.