Chen Hui Jing adalah seorang desainer dan developer autodidak yang tinggal di Singapura. Saya berbincang dengannya tentang CSS, khususnya sistem penulisan non-Inggris.
Postingan ini adalah bagian dari Designcember. Perayaan desain web, yang dipersembahkan oleh web.dev.
Chen Hui Jing adalah seorang desainer dan developer autodidak yang tinggal di Singapura, dengan kecintaan yang luar biasa pada CSS, sebagaimana dibuktikan oleh blognya (yang sebagian besar tentang CSS) dan tweet-nya (yang sebagian besar tentang tipografi dan web). Ia biasa bermain basket secara purnawaktu dan meluncurkan karier webnya di sela-sela waktu istirahat di antara sesi latihan, dan berharap dapat memanjat diri ke luar ruangan suatu hari nanti. Saya berbicara dengannya tentang CSS, dan khususnya sistem penulisan yang tidak berbahasa Inggris.
Rachel: Bagaimana rute Anda ke desain dan pengembangan web?
Hui Jing: Ketika saya tinggal di asrama sambil bermain basket secara purnawaktu, saya lebih berpengalaman dengan komputer daripada rekan-rekan saya, dan pelatih saya (berdoalah untuknya) berpikir bahwa saya dapat melakukan sesuatu terkait situs asosiasi kami yang belum diperbarui selama bertahun-tahun. Saya tidak tahu apa itu pengembangan web, tetapi saya pikir saya memiliki cukup waktu luang untuk mempelajarinya. Lebih menyenangkan dari yang saya sangka-sangka, dan bertahun-tahun kemudian, saya masih di sini.
Rachel: Bagaimana Anda bisa masuk ke CSS, khususnya?
Hui Jing: Saya orang yang sangat visual, dan saya suka memberikan "petunjuk" ke {i>browser<i} dan segera melihat hal itu tercermin di layar yang benar-benar menarik bagi saya. Itu terasa jauh lebih intuitif bagi saya daripada logika pemrograman untuk aplikasi. Saya serius dengan web pada saat perkembangan di dunia CSS mulai meningkat cepat, jadi ada banyak properti eksperimental yang tidak banyak digunakan. Rasanya sangat menyenangkan menemukan fitur-fitur baru yang hanya diketahui sedikit orang.
Bekerja dengan mode penulisan vertikal
Rachel: Anda telah menulis banyak tentang mode penulisan vertikal di CSS, dan bug menyenangkan yang Anda temukan saat bekerja dengan penulisan vertikal. Apa kamu punya serangga favorit yang harus kita bintangi?
Hui Jing: Ada beberapa saat saya memeriksa kembali pada bulan Mei tahun ini, tetapi sebagian besar masalah tersebut telah diselesaikan kecuali satu: Chromium memiliki masalah dengan overlay DevTools dalam mode penulisan vertikal. Saya rasa ini adalah bukti bahwa siklus update browser evergreen ini benar-benar mendorong pengembangan web ke tahap selanjutnya.
Rachel: Kami senang mengetahui 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 pengaturan huruf skrip Asia Timur adalah kasus penggunaan utama mode penulisan, saya pikir sistem penulisan lain dapat menggunakan mode penulisan untuk mengimplementasikan tata letak vertikal, seperti gaya yang sering kita lihat di majalah cetak. Bagi saya, kombinasi properti CSSlah yang membuat CSS begitu canggih, jadi mode penulisan bersama dengan flexbox dan grid memberi kita banyak permutasi untuk arah tata letak, dari kotak tingkat halaman hingga karakter individu dalam teks. Saya pikir hal ini membuka kemungkinan dan lebih banyak kreativitas karena orang-orang menyadari ruang lingkup dari apa yang mungkin untuk desain web di masa mendatang. Saya berharap dapat 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 jawaban Anda?
Hui Jing: Secara pribadi, saya berharap ini akan menjadi default, karena dari sudut pandang praktis, hal ini akan membuat pengembangan situs multi-skrip jauh lebih mudah. Pertanyaan apakah tindakan tersebut AKAN menjadi {i>default<i}, akan jauh lebih sulit untuk dijawab.
Tantangan untuk properti logis adalah "mengganti" sintaks yang mapan yang telah digunakan selama bertahun-tahun, ditambah fakta bahwa dukungan untuk skrip yang bukan default, horizontal dari atas ke bawah hanya menjadi jauh lebih baik dalam beberapa tahun terakhir. Konten di web sebagian besar masih berbahasa Inggris, sehingga penggunaan properti logis kurang kuat dalam konteks ini. Menurut saya, dorongan yang lebih besar bagi pengguna yang tidak berbahasa Inggris untuk membuat konten dalam bahasa mereka masing-masing untuk web akan mendorong tujuan ini. Selain itu, jika mendukung beberapa bahasa menjadi prioritas yang lebih besar, nilai penggunaan properti logis akan menjadi lebih jelas.
Fitur baru di CSS
Rachel: Fitur atau fungsi apa yang ingin Anda tambahkan ke CSS?
Hui Jing: Saya telah mengikuti karya Miriam Suzanne pada kueri container selama beberapa waktu, dan bagian-bagian spesifikasi yang belum dikembangkan untuk fitur container Style dan State cukup menarik, karena keduanya benar-benar memperluas konsep desain responsif. Kita berpotensi membuat desain dan tata letak merespons lebih dari sekadar ukuran area pandang. Jadi saya harap modul pembatasan adalah sesuatu yang dapat disepakati oleh vendor browser lain dan kami bisa mendapatkan dukungan yang lebih luas untuk hal ini dalam waktu dekat.
Menginspirasi orang untuk mengikuti
Rachel: Siapa lagi yang melakukan karya yang sangat menarik, menyenangkan, atau kreatif di web saat ini?
Hui Jing: Saya selalu tertarik pada orang-orang yang membuat seni CSS. Dan ada orang-orang yang telah saya menjadi penggemarnya selama bertahun-tahun, seperti Yuan Chuan dan kreasi CSS generatifnya, Ben Evans yang sangat menyukai karya seni CSS dan Ana Tudor dengan pembahasan mendalamnya tentang teknik yang sangat pintar. 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.