Chen Hui Jing là một nhà thiết kế và nhà phát triển tự học sống ở Singapore. Tôi đã trò chuyện với cô ấy về CSS và cụ thể là hệ thống chữ viết không phải tiếng Anh.
Bài đăng này thuộc Designcember. Đây là sự kiện tôn vinh thiết kế web do web.dev mang đến cho bạn.
Chen Hui Jing là một nhà thiết kế và lập trình viên tự học sống ở Singapore. Cô rất yêu thích CSS, bằng chứng là blog của cô (chủ yếu là về CSS) và các tweet của cô (chủ yếu là về kiểu chữ và web). Cô từng chơi bóng rổ toàn thời gian và bắt đầu sự nghiệp trên web trong thời gian ngừng hoạt động giữa các buổi huấn luyện. Cô hy vọng có thể leo ngoài trời một ngày nào đó. Tôi đã trò chuyện với cô ấy về CSS và cụ thể là các hệ thống chữ viết không phải tiếng Anh.
Rachel: Con đường thiết kế và phát triển web của mình là gì?
Hui Jing: Khi tôi chơi bóng rổ toàn thời gian ở ký túc xá, tôi có kinh nghiệm sử dụng máy tính nhiều hơn so với các bạn cùng trang lứa và huấn luyện viên của tôi (thầy ban phước cho ông ấy) nghĩ rằng tôi có thể làm điều gì đó về trang web của hiệp hội mà đã lâu chưa cập nhật trong nhiều năm. Tôi không biết phát triển web là gì, nhưng tôi nghĩ mình có đủ thời gian rảnh để tìm hiểu. Thú vị hơn tôi nghĩ và nhiều năm sau, tôi vẫn ở đây.
Rachel: Và cụ thể là làm thế nào để bạn gia nhập CSS?
Hui Jing: Về bản chất, tôi là một người rất trực quan và có khả năng đưa ra "hướng dẫn" cho trình duyệt và ngay lập tức nhận thấy điều đó phản ánh trên màn hình thực sự thu hút tôi. Tôi thấy nó trực quan hơn nhiều so với logic lập trình cho các ứng dụng. Tôi nghiêm túc tìm hiểu về web tại thời điểm mà CSS đang trong quá trình phát triển, vì vậy, có nhiều thuộc tính thử nghiệm không được sử dụng rộng rãi. Tôi cảm thấy rất thú vị khi khám phá các tính năng mới mà ít người biết đến.
Cách dùng các chế độ viết dọc
Rachel: Bạn đã viết nhiều về các chế độ viết dọc trong CSS và các lỗi thú vị bạn gặp phải khi làm việc với kỹ thuật viết dọc. Bạn có lỗi nào yêu thích, chúng ta nên đi và gắn dấu sao không?
Hui Jing: Đã có một vài lần tôi kiểm tra lại vào tháng 5 năm nay, nhưng hầu hết các vấn đề đó đã được giải quyết ngoại trừ một: Chromium gặp vấn đề với lớp phủ Devtools ở chế độ viết dọc. Tôi nghĩ đây là một minh chứng cho thấy chu kỳ cập nhật trình duyệt lâu dài này thực sự thúc đẩy quá trình phát triển web như thế nào.
Rachel: Thật vui khi biết rằng các vấn đề này đã được khắc phục. Bạn có cho rằng việc chơi bằng chế độ viết có nhiều trường hợp sử dụng hơn thay vì chỉ nhập văn bản dọc không?
Hui Jing: Ồ vâng, chắc chắn rồi. Mặc dù sắp chữ kiểu chữ viết Đông Á là trường hợp sử dụng chính của chế độ viết, tôi cho rằng các hệ thống chữ viết khác có thể sử dụng chế độ viết để triển khai bố cục dọc, như phong cách chúng ta thường thấy trên các tạp chí in. Đối với tôi, sự kết hợp của các thuộc tính CSS là yếu tố khiến CSS trở nên mạnh mẽ đến vậy. Vì vậy, chế độ viết cùng với flexbox và lưới mang lại cho chúng ta một số lượng hoán vị khá lớn để hướng dẫn bố cục, từ các hộp ở cấp trang cho đến từng ký tự trong văn bản. Tôi nghĩ điều này sẽ mở ra nhiều khả năng và nhiều khả năng sáng tạo hơn khi mọi người nhận ra phạm vi của những gì có thể cho thiết kế web trong tương lai. Tôi hy vọng có thể thấy những bố cục và thiết kế trên web mà chỉ vài năm trước tôi cũng chẳng thể nghĩ tới.
Rachel: Tôi thường được hỏi là liệu tôi nghĩ mọi người nên sử dụng các thuộc tính và giá trị logic ngay bây giờ hay nó sẽ trở thành giá trị mặc định. Bạn sẽ trả lời như thế nào?
Hui Jing: Cá nhân tôi hy vọng nó sẽ trở thành mặc định, vì xét về góc độ thực tế, nó sẽ giúp việc phát triển trang web nhiều tập lệnh dễ dàng hơn nhiều. Về vấn đề liệu đó có trở thành mặc định hay không, điều đó sẽ khó trả lời hơn nhiều.
Thách thức đối với các thuộc tính logic là nó "thay thế" cho cú pháp đã được sử dụng trong nhiều năm, cộng với thực tế là khả năng hỗ trợ các tập lệnh không phải là tập lệnh mặc định, theo chiều ngang từ trên xuống dưới chỉ tốt hơn nhiều trong những năm gần đây. Nội dung trên web vẫn chủ yếu bằng tiếng Anh, do đó, trường hợp sử dụng thuộc tính logic sẽ kém hiệu quả hơn. Tôi nghĩ rằng những người không nói tiếng Anh sẽ tạo nội dung bằng ngôn ngữ tương ứng của họ trên web sẽ giúp thúc đẩy mục tiêu này. Ngoài ra, nếu việc hỗ trợ nhiều ngôn ngữ trở nên ưu tiên hơn, thì giá trị của việc sử dụng các thuộc tính logic sẽ còn rõ ràng hơn nữa.
Các tính năng mới trong CSS
Rachel: Bạn muốn thấy tính năng hoặc chức năng nào được thêm vào CSS?
Hui Jing: Tôi đã theo dõi công việc của Miriam Suzanne về các truy vấn vùng chứa được một thời gian và các phần trong quy cách chưa được phát triển cho các tính năng vùng chứa Kiểu và Trạng thái khá thú vị, vì chúng thực sự mở rộng khái niệm thiết kế thích ứng. Chúng ta có thể khiến các thiết kế và bố cục đáp ứng nhiều hơn là chỉ kích thước của khung nhìn. Vì vậy, tôi hy vọng mô-đun ngăn chặn là điều mà các nhà cung cấp trình duyệt khác nhau có thể đồng ý và chúng ta có thể hỗ trợ rộng hơn cho vấn đề này trong tương lai gần.
Truyền cảm hứng để mọi người làm theo
Rachel: Hiện có ai khác đang làm công việc thực sự thú vị, vui nhộn hoặc sáng tạo trên web không?
Hui Jing: Tôi luôn bị thu hút bởi những người làm CSS. Và có những người mà tôi đã hâm mộ trong nhiều năm qua, như Yuan Chuan và các tác phẩm CSS do anh sáng tạo, Ben7, họ rất quan tâm đến các hình minh hoạ CSS và Ana Tudor bằng cách phân tích chuyên sâu của mình về các kỹ thuật thực sự thông minh. Gần đây, tôi tình cờ thấy Codepens của Julia Miocene và Jackie Zen có ảnh động CSS đẹp mắt.
Rachel: Bạn có thể đọc thêm về bài hát của Chen Hui Jing trên trang web của cô ấy tại chenhuijing.com.