Bản tin tóm tắt tất cả thông báo quan trọng của Hội nghị Nhà phát triển Chrome năm 2021, kèm theo các đường liên kết mà bạn cần tìm hiểu thêm.
Bài đăng này trình bày tất cả thông báo quan trọng về Hội nghị Nhà phát triển Chrome năm 2021, kèm theo các đường liên kết để bạn tìm hiểu thêm.
Làm cho web dễ tương tác hơn
Khả năng tương thích của web là một trong những thách thức lớn nhất đối với các nhà phát triển web. Vì vậy, Google đã hợp tác với các nhà cung cấp trình duyệt khác để khắc phục 5 vấn đề hàng đầu về khả năng tương thích: flexbox, grid, position: sticky, aspect-ratio và transforms.
Nỗ lực này đã giúp cải thiện các khía cạnh quan trọng này. Bạn có thể đọc về các chỉ số đó trong bài viết Bản cập nhật vào giữa năm của Tương thích 2021.
Cho phép các lớp ứng dụng mới chạy trên web
Project Fugu là một nỗ lực nhằm cho phép các lớp ứng dụng mới trên web. Bạn có thể cập nhật tiến trình trên API Fugu tại fugu-tracker.web.app.
Gần đây, Adobe thông báo rằng họ sẽ mang Photoshop lên web, một thành công nhờ sự cộng tác giữa Adobe, Google và các tổ chức cung cấp dịch vụ tiêu chuẩn web. Hãy tìm hiểu thêm trong bài đăng Hành trình lên web của Photoshop.
Đảm bảo quyền riêng tư
Nhiều chức năng web phổ biến dựa vào cookie của bên thứ ba và các cơ chế theo dõi trên nhiều trang web khác không được thiết kế chú trọng đến quyền riêng tư, khiến nhà phát triển gặp nhiều khó khăn trong việc đáp ứng nhu cầu ngày càng tăng về quyền riêng tư.
Chúng tôi đang làm việc với cộng đồng web và các bên liên quan trong ngành để phát triển các công nghệ mới giúp bảo đảm quyền riêng tư nhằm hỗ trợ hệ sinh thái, nhằm loại bỏ cookie của bên thứ ba và giảm hoạt động theo dõi bí mật và tạo vân tay số trên trình duyệt.
Tìm hiểu về hoạt động này trên trang web Hộp cát về quyền riêng tư. Chúng tôi cũng có thông tin và hướng dẫn về các đề xuất cho nhà phát triển, thông tin cập nhật hằng tháng hoặc các thay đổi và tiến trình, cũng như thông tin về tiến trình và chi tiết kiểm thử đối với các thay đổi đối với chuỗi tác nhân người dùng.
Cải thiện Các chỉ số quan trọng về trang web
Chúng tôi đã làm việc với các nhà phát triển các khung JavaScript phổ biến để cải thiện Chỉ số quan trọng chính của trang web, đồng thời đã xác định được 2 chỉ số mới mà chúng tôi muốn nhận được phản hồi của bạn. Hãy đọc về khả năng phản hồi tổng thể và độ mượt, sau đó cho chúng tôi biết suy nghĩ của bạn.
Ngoài ra, chúng tôi còn thông báo về một phiên bản cập nhật của PageSpeed Insights, Bảng điều khiển ghi lại dành cho Công cụ của Chrome cho nhà phát triển, hiện có trong Canary và API luồng người dùng mới cho Lighthouse.
Bật các tính năng mới trên nền tảng web
RenderingNG là một dự án tái cấu trúc đầy tham vọng của công cụ kết xuất của Chromium, một dự án nhằm sửa các lỗi lâu dài trong Chrome, đồng thời mở khoá các tính năng mới. Trong đó có một tính năng luôn được các nhà phát triển web yêu cầu nhiều nhất trong nhiều năm – truy vấn vùng chứa.
Truy vấn vùng chứa trông quen thuộc với bất kỳ ai đã từng sử dụng truy vấn phương tiện để tạo thiết kế thích ứng.
Tuy nhiên, bên trong truy vấn kích thước khung nhìn, bạn có thể truy vấn kích thước vùng chứa của thành phần.
Google đang nỗ lực triển khai thử nghiệm quy cách mới nổi, phía sau cờ #enable-container-queries trong Chrome.
Hãy đọc bài đăng trên blog về cách Kết xuất NG một cách chi tiết hoặc xem video này để biết tất cả thông tin quan trọng về cách công việc này giúp mở khoá việc triển khai các tính năng từng được cho là không thể đạt được.
Giúp bạn tạo trang web đẹp mắt và có tính thích ứng cao
Thiết kế đáp ứng mới không chỉ đơn thuần là kích thước màn hình hoặc vùng chứa. Bạn có thể tìm hiểu cách tạo trang web thích ứng hiện đại trong khoá học Tìm hiểu thiết kế của chúng tôi. 5 học phần đầu tiên sẽ ra mắt vào hôm nay, các học phần còn lại sẽ được đăng trong những tuần tới.
Các thuộc tính CSS mới đã có trong Chrome và các trình duyệt khác trong năm nay để giúp bạn tạo ra trải nghiệm đẹp dễ dàng hơn.
Tìm hiểu thêm về accent-color và size-adjust.
Để giúp bạn nhanh chóng tận dụng CSS mới, chúng tôi đã cho ra mắt một bộ mẫu bố cục. Các báo cáo này sẽ cung cấp cho bạn một điểm khởi đầu vững chắc cho nhiều mẫu giao diện phổ biến.
Cung cấp các khoá học để giúp bạn tìm hiểu về công nghệ web
Ngoài Học thiết kế, chúng tôi sẽ ra mắt các mô-đun mới cho Tìm hiểu CSS, khoá học CSS toàn diện mà chúng tôi đã ra mắt vào đầu năm nay.
Chúng tôi cũng đã phát triển một khoá học hoàn chỉnh giúp bạn thiết kế các biểu mẫu chức năng và dễ tiếp cận: Tìm hiểu biểu mẫu. Cùng với những khoá học này, bạn có thể tìm thấy một số mô-đun đầu tiên của bài viết Tìm hiểu về PWA.