Nhóm Chrome phản hồi các mối lo ngại của cộng đồng.

Chrome trên Android sẽ hiển thị tràn viền từ Chrome 135.

Tạo trải nghiệm web tràn viền

Tìm hiểu cách ảnh động do thao tác cuộn và được kích hoạt bằng thao tác cuộn giúp nâng cao chất lượng bài viết kể chuyện

Giờ đây, bạn có thể sử dụng attr() với bất kỳ thuộc tính CSS nào (bao gồm cả thuộc tính tuỳ chỉnh) và thuộc tính này có thể phân tích cú pháp các giá trị thành các kiểu dữ liệu khác ngoài chuỗi.

Hãy cùng nhóm DevRel của Chrome và một chú khủng long Chrome biết trượt ván khám phá CSS mới nhất được ra mắt cho Chrome và nền tảng web vào năm 2024.

Chrome 131 hiện đang được triển khai! Có nhiều kiểu CSS hơn cho phần tử details, bố cục in dễ dàng hơn với các hộp lề trang và còn nhiều tính năng khác.

Giờ đây, bạn có thể đặt loại hiển thị và cũng tạo kiểu cho vùng chứa cho phần mở rộng và thu gọn bằng cách sử dụng phần tử giả ::details-content mới.

Chrome 130 hiện đang được triển khai! Chế độ hình trong hình của tài liệu giúp bạn kiểm soát nhiều hơn đối với các cửa sổ hình trong hình, các nội dung khai báo lồng nhau trong CSS sẽ khắc phục một số trường hợp khó xử và bạn có thể chỉ định cách hoạt động của các phần trang trí trên các phần tử được chia thành nhiều dòng. Pete LePage có tất cả thông tin chi tiết về các tính năng mới dành cho nhà phát triển trong Chrome 130.

Bắt đầu sử dụng các hiệu ứng chuyển đổi chế độ xem cùng tài liệu để sử dụng trong ứng dụng trang đơn.

Tạo ảnh động đến và từ các từ khoá định cỡ nội tại bằng `interpolate-size` và `calc-size()`

Ra mắt hai sự kiện JavaScript mới: scrollSnapChange và scrollSnapChange.

Ngày càng có nhiều người bắt đầu tìm hiểu về View Transition API. Đã đến lúc làm rõ một số quan niệm sai lầm.

Đọc tất cả thông báo về CSS và giao diện người dùng web tại Google I/O 2024.

Thông báo về chuyển đổi chế độ xem nhiều tài liệu cho MPA, chuyển đổi chế độ xem có chọn lọc với các loại đang hoạt động và chia sẻ kiểu ảnh động với lớp chuyển đổi khung hiển thị.

Tìm hiểu cách trang web thương mại điện tử hưởng lợi từ việc triển khai các tính năng mới nhất về CSS và giao diện người dùng – hiệu ứng chuyển đổi khung hiển thị, ảnh động di chuyển theo thao tác cuộn, API cửa sổ bật lên, v.v.

Khám phá các lợi ích của ảnh động điều hướng cuộn với Policybazaar, redBus và Tokopedia.

Khoá học gồm 10 phần qua video để tìm hiểu mọi kiến thức về ảnh động dạng cuộn

Đề xuất xác định khối xây và lưới theo các thông số kỹ thuật khác nhau.

View Transition API (API Chuyển đổi khung hiển thị) cho phép bạn thêm hiệu ứng chuyển đổi giữa các khung hiển thị của một trang web.

Bắt đầu chuyển đổi chế độ xem nhiều tài liệu để sử dụng trong ứng dụng nhiều trang (MPA).

Kể từ Chrome 122, phần tử `::backdrop` kế thừa các thuộc tính của phần tử gốc.

Sử dụng các thuộc tính "scrollbar-width" và "scrollbar-color" để tạo kiểu cho thanh cuộn.

Tạo một đàn phong cầm độc quyền gồm nhiều phần tử `` có cùng `name`.

2023 là một năm thành công của CSS! Tìm hiểu những gì đã có trong Chrome và trên nền tảng web trong năm nay.

Tìm hiểu cách sử dụng @scope để chọn các phần tử chỉ trong một cây con giới hạn của DOM.

Giới thiệuLinear(), một hàm gia tốc trong CSS nội suy tuyến tính giữa các điểm của nó, cho phép bạn tạo lại hiệu ứng nảy và hiệu ứng lò xo.

20 tính năng CSS và giao diện người dùng hàng đầu được giới thiệu tại Google I/O 2023 mà bạn không nên bỏ lỡ.

Tìm hiểu cách sử dụng Dòng thời gian cuộn và Xem dòng thời gian để tạo ảnh động theo thao tác cuộn theo cách khai báo.

Một trong những tính năng bộ tiền xử lý CSS yêu thích của chúng tôi hiện đã được tích hợp vào ngôn ngữ: quy tắc kiểu lồng.

Nhóm hoạt động CSS đang tiếp tục tranh luận về cách tốt nhất để xác định cách lồng ghép trong CSS. Nếu bạn là người viết CSS, chúng tôi sẽ muốn bạn trợ giúp.

Những thay đổi sắp tới đối với hành vi đổi kích thước khung nhìn trong Chrome 108, lý do Chrome thực hiện thay đổi này và những việc bạn có thể làm để chuẩn bị.

Chrome 106 hiện đang ra mắt. Chúng tôi cung cấp các API quốc tế mới để giúp bạn kiểm soát nhiều hơn khi định dạng số. API Pop Up mới có bản dùng thử theo nguyên gốc, giúp dễ dàng hiển thị nội dung quan trọng cho người dùng. CSS có một số điểm cải tiến. Và còn nhiều tính năng khác.

Với việc sử dụng Angular làm thí điểm thử nghiệm, các nhóm Chrome Công cụ và Angular đã cộng tác để mang đến cho bạn trải nghiệm gỡ lỗi tốt hơn. Các khung khác có thể gửi các thay đổi tương tự.

Hãy xem một số thay đổi gần đây trong Công cụ của Chrome cho nhà phát triển nhằm cải thiện trải nghiệm gỡ lỗi và phân tích tài nguyên của bạn khi làm việc với các gói, khung và mã của bên thứ ba.

"Lớp cascade là một CSS API mới giúp bạn quản lý ưu tiên phân tầng của mã, sẽ sớm truy cập được trong tất cả trình duyệt hiện đại."

Chrome 89 hiện đã ra mắt! WebHID, WebNFC và Web Serial đã hoàn tất bản dùng thử theo nguyên gốc và hiện đã có phiên bản ổn định. Chúng tôi sẽ loại bỏ lỗ hổng mà một số nhà phát triển thường dùng để vượt qua quy trình kiểm tra khả năng cài đặt của PWA. Web Chia sẻ và Mục tiêu chia sẻ web đã có trên máy tính. Và còn nhiều tính năng khác!

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

Pre-filter a set of child elements before applying An+B logic on it.