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