Bản tóm tắt tất cả thông báo chính tại Hội nghị nhà phát triển Chrome 2021, cùng các đường liên kết cần thiết để tìm hiểu thêm.
Bài đăng này 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, cùng với các đường liên kết cần thiết để bạn tìm hiểu thêm.
Giúp web có khả năng tương tác cao hơn
Khả năng tương thích trên 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 vấn đề lớn nhất về khả năng tương thích: flexbox, lưới, position: sticky, aspect-ratio và biến đổi.
Nhờ đó, chúng tôi đã cải thiện được những khía cạnh chính này. Bạn có thể đọc về những thay đổi đó trong bản cập nhật giữa năm 2021 về khả năng tương thích.
Cho phép các lớp ứng dụng mới chạy trên web
Dự án 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ể cập nhật 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, một thành tích có được nhờ sự cộng 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 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ế để đả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 giúp bảo vệ quyền riêng tư nhằm hỗ trợ hệ sinh thái, với mục tiêu loại bỏ cookie của bên thứ ba, giảm hoạt động theo dõi ẩn và tạo vân tay trình duyệt.
Tìm hiểu về công việc 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ề 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 khung JavaScript phổ biến để cải thiện Chỉ số quan trọng chính của trang web. Trong quá trình đó, chúng tôi đã xác định được hai chỉ số mới mà chúng tôi rất mong nhận được ý kiến phản hồi của bạn. Hãy đọc về tốc độ phản hồi tổng thể và độ mượt mà, sau đó cho chúng tôi biết suy nghĩ của bạn.
Ngoài ra, chúng tôi cũng công bố phiên bản cập nhật của PageSpeed Insights, Bảng điều khiển trình ghi mới cho Chrome DevTools (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 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 trong Chrome và cũng 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.
Những người từng sử dụng truy vấn nội dung nghe nhìn để tạo thiết kế thích ứng sẽ thấy truy vấn vùng chứa quen thuộc.
Tuy nhiên, bên trong truy vấn kích thước khung nhìn, các phương thức này 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 đang nằm trong đó.
Google đang nỗ lực triển khai thử nghiệm quy cách mới nổi, dựa trên 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 để biết tất cả thông tin chi tiết chính về cách công việc này mở ra việc triển khai các tính năng mà trước đây người ta cho là không thể triển khai.
Giúp bạn tạo các trang web đẹp mắt và thích ứng
Thiết kế thích ứng mới không chỉ 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 mô-đun đầu tiên sẽ ra mắt vào hôm nay, còn lại sẽ được đăng trong những tuần tới.
Các thuộc tính CSS mới đã ra mắt trên Chrome và các trình duyệt khác trong năm nay để giúp bạn dễ dàng tạo ra 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. Đây sẽ là đ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 công nghệ web
Ngoài khoá học Học thiết kế, chúng tôi sẽ ra mắt các mô-đun mới cho khoá học Học CSS, một 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 có chức năng và dễ tiếp cận — Tìm hiểu về biểu mẫu. Cùng với các khoá học này, bạn có thể tìm thấy một số mô-đun đầu tiên của khoá học Tìm hiểu về PWA.