Bản 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, cùng các đường liên kết bạn cần để tìm hiểu thêm.
Bài đăng này 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 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 trên 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 đã và đang 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.
Những nỗ lự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 tính năng đó trong bản cập nhật giữa năm của GoogleCompat 2021.
Cho phép các lớp ứng dụng mới chạy trên web
Project Fugu là một dự án nhằm mục đích cho phép các lớp ứng dụng mới có thể lên web. Bạn có thể cập nhật tiến trình về API Fugu tại fugu-tracker.web.app.
Adobe gần đây đã thông báo rằng họ sẽ đưa Photoshop lên web, một thành công có thể đạt đượ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 khám phá web của Photoshop.
Đảm bảo quyền riêng tư
Nhiều chức năng web phổ biến phụ thuộc 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 vào quyền riêng tư, khiến nhà phát triển gặp 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, với mục tiêu loại bỏ cookie của bên thứ ba và giảm hoạt động theo dõi bí mật cũng như tạo vân tay số của 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ề đề xuất dành cho nhà phát triển, thông tin cập nhật hoặc thay đổi và tiến trình hằng tháng, cũng như thông tin về tiến trình và thông tin chi tiết về hoạt động 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 đang làm việc với nhà phát triển của các khung JavaScript phổ biến để cải thiện Các chỉ số quan trọng về trang web. Trong quá trình này, chúng tôi đã xác định được 2 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ề khả năng phản hồi tổng thể và sự mượt mà, sau đó cho chúng tôi biết suy nghĩ của bạn.
Chúng tôi cũng công bố phiên bản cập nhật của PageSpeed Insights, một Bảng điều khiển Máy ghi âm dành cho Công cụ của Chrome cho nhà phát triển Chrome mới, hiện có trong Canary và một API luồng người dùng cho Lighthouse mới.
Bật các tính năng mới của nền tảng web
RenderingNG là một hoạt động tái cấu trúc đầy tham vọng của công cụ kết xuất Chromium, một dự án sửa các lỗi thường xuyên trong Chrome, đồng thời mở ra nhiều 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 qua, đó là truy vấn vùng chứa.
Bất cứ ai đã từng sử dụng truy vấn phương tiện truyền thông để tạo thiết kế thích ứng có thể truy vấn vùng chứa.
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 có thành phần của bạn.
Google đang tiến hành triển khai thử nghiệm quy cách mới nổi, nằm sau cờ #enable-container-queries trong Chrome.
Hãy đọc một 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 quan trọng về cách công việc này cho phép triển khai các tính năng từng được cho là không thể ra mắt.
Giúp bạn tạo các trang web đẹp và thích ứng
Thiết kế thích ứng mới không chỉ dừng lại ở kích thước màn hình (hay 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, phần còn lại sẽ được đăng trong những tuần tới.
Các tài sản 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 tạo nên trải nghiệm tuyệt vời 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 đã khởi chạy một tập hợp mẫu bố cục. Các phần tử này sẽ cung cấp cho bạn một điểm khởi đầu mạnh mẽ 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 Học thiết kế, chúng tôi còn ra mắt các học phần mới cho Tìm hiểu CSS. Đây là 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 hoạt động được và dễ tiếp cận – Tìm hiểu về 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ố học phần đầu tiên của Tìm hiểu về PWA.