Chen Hui Jing là một nhà thiết kế kiêm nhà phát triển tự học sống ở Singapore. Tôi đã trò chuyện với cô ấy về CSS, đặc biệt là các hệ thống viết không phải tiếng Anh.
Bài đăng này là một phần của Designcember. Một sự kiện thiết kế web do web.dev mang đến cho bạn.
Chen Hui Jing là một nhà thiết kế kiêm nhà phát triển tự học sống ở Singapore. Tình yêu dành cho CSS dành cho CSS đã được chứng minh qua blog của cô (chủ yếu là về CSS) và các dòng tweet của cô (phần lớn 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 nghỉ giữa các buổi tập. Cô hy vọng có thể ra ngoài trời trong một ngày. Tôi đã trò chuyện với cô ấy về CSS, cụ thể là các hệ thống viết không phải bằng tiếng Anh.
Rachel: Lộ trình thiết kế và phát triển web của anh là gì?
Hui Jing: Khi sống trong ký túc xá và chơi bóng rổ toàn thời gian, tôi có nhiều kinh nghiệm sử dụng máy tính hơn so với các bạn cùng trang web. Huấn luyện viên của tôi (ban chúc ông ấy) nghĩ rằng tôi có thể làm gì đó cho trang web của hiệp hội mà đã nhiều năm chưa được cập nhật. Tôi vốn không biết phát triển web là gì, nhưng tôi nghĩ rằng mình có đủ thời gian để tìm hiểu. Thật thú vị hơn tôi mong đợi và nhiều năm sau, tôi vẫn ở đây.
Rachel: Cụ thể là bạn bắt đầu dùng CSS bằng cách nào?
Hui Jing: Bản thân tôi là người rất trực quan và có điều gì đó mà tôi có thể "chỉ dẫn" trình duyệt và ngay lập tức thấy điều đó được 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 với vấn đề web tại thời điểm mà các phát triển trong thế giới của CSS bắt đầu tăng tốc, vì vậy, có rất nhiều thuộc tính thử nghiệm chưa được sử dụng rộng rãi. Tôi cảm thấy rất thú vị khi khám phá những tính năng mới mà ít người biết.
Xử lý các chế độ viết dọc
Rachel: Bạn đã viết nhiều về chế độ viết dọc trong CSS và các lỗi thú vị mà bạn gặp phải khi sử dụng chế độ viết dọc. Bạn có yêu thích lỗi nào mà chúng ta nên truy cập 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 đều đã được giải quyết, ngoại trừ một vấn đề: Chromium gặp vấn đề với lớp phủ Devtools ở chế độ viết dọc. Tôi nghĩ đây là bằng chứng cho thấy chu kỳ cập nhật trình duyệt liên tục này thực sự thúc đẩy sự phát triển web phát triển như thế nào.
Rachel: Tôi rất vui khi biết rằng những vấn đề này đang được khắc phục. Bạn có nghĩ rằng chế độ viết có nhiều trường hợp sử dụng hơn là chỉ sắp chữ dọc không?
Hui Jing: Ồ, chắc chắn rồi. Mặc dù sắp chữ chữ Đô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 viết khác có thể tận 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 giữa các thuộc tính CSS là điều làm cho CSS trở nên mạnh mẽ, vì vậy chế độ viết cùng với hộp linh hoạt và lưới cung cấp cho chúng ta một số lượng khá lớn các hoán vị cho hướng bố cục, từ các hộp cấp trang cho đến các ký tự riêng lẻ trong văn bản. Tôi nghĩ điều này mở ra các khả năng và sự sáng tạo 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ể xem được các bố cục và thiết kế trên web mà chỉ vài năm trước, tôi đã không hình dung ra được.
Rachel: Tôi thường được hỏi liệu tôi có 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 không, hay nó sẽ trở thành giá trị mặc định. Bạn sẽ trả lời như thế nào?
Hui Jing: Về mặt cá nhân, tôi hy vọng nó sẽ trở thành mặc định, vì từ 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. Thật khó để trả lời câu hỏi đó có phải là lựa chọn mặc định hay không.
Một thách thức đối với thuộc tính logic là nó đang "thay thế" một cú pháp có uy tín đã được sử dụng trong nhiều năm, cùng với thực tế là việc hỗ trợ các tập lệnh không phải là định dạng mặc định, theo chiều ngang từ trên xuống dưới chỉ được cải thiệ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, vì vậy trường hợp sử dụng thuộc tính logic ít hiệu quả hơn trong ngữ cảnh này. Tôi nghĩ rằng mục đích này sẽ thúc đẩy nhiều hơn nữa việc những người không nói tiếng Anh tạo nội dung bằng ngôn ngữ tương ứng của họ trên web. Ngoài ra, nếu việc hỗ trợ nhiều ngôn ngữ được ưu tiên hơn, thì giá trị của việc sử dụng các thuộc tính logic sẽ càng trở nên rõ ràng hơn.
Các tính năng mới trong CSS
Rachel: Bạn muốn thêm tính năng hoặc chức năng nào vào CSS?
Hui Jing: Tôi đã theo dõi công trình của Miriam Suzanne về truy vấn vùng chứa được một thời gian và các phần của thông số kỹ thuật chưa được phát triển cho 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ể thiết kế và bố cục có thể thích ứng với nhiều kích thước khác ngoài 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ể thống nhất và chúng tôi có thể hỗ trợ rộng rãi hơn cho vấn đề này trong tương lai gần.
Truyền cảm hứng để mọi người theo dõi
Rachel: Hiện tại có ai đang thực hiện công việc thực sự thú vị, thú vị 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 nghệ thuật CSS. Ngoài ra, còn có những người mà tôi yêu mến trong nhiều năm, như Yuan Chuan và những tác phẩm CSS tạo sinh của anh, Ben thiện, người đã giới thiệu những hình minh hoạ CSS và Ana Tudor chuyên sâu về những kỹ thuật thông minh. Gần đây, tôi đã thấy Codepen của Julia Miocene và Jackie Zen. Những công cụ này cũng có ảnh động CSS đẹp.
Rachel: Bạn có thể đọc thêm bài viết của Chen Hui Jing trên trang web của cô ấy tại chenhuijing.com.