Điểm mới trên nền tảng web vào tháng 7

Khám phá một số tính năng thú vị đã có mặt trên các trình duyệt web ổn định và thử nghiệm trong tháng 7 năm 2022.

Bản phát hành trình duyệt ổn định

Vào tháng 7, Firefox 103Safari 15.6 đã bắt đầu hoạt động ổn định và cùng với đó, chúng ta có khả năng tương tác trên một số tính năng CSS tốt.

Thuộc tính backdrop-filter

Firefox 103 có thuộc tính backdrop-filter dùng để áp dụng các hiệu ứng như làm mờ vùng phía sau một phần tử. Với giá trị này trong Firefox, giá trị này hiện có sẵn trong cả ba công cụ, mặc dù Safari yêu cầu tiền tố -webkit.

Hỗ trợ trình duyệt

  • 76
  • 79
  • 103
  • 18

Nguồn

Thuộc tính scroll-snap-stop

Firefox cũng đã triển khai thuộc tính scroll-snap-stop. Thuộc tính này cho phép bạn kiểm soát việc một phần tử cuộn có vượt qua các vị trí chụp nhanh có thể có (với giá trị mặc định là normal) hay phải điều chỉnh theo vị trí đầu tiên (có giá trị always). Thuộc tính scroll-snap-stop hiện có trong cả 3 công cụ trình duyệt.

Hỗ trợ trình duyệt

  • 75
  • 79
  • 103
  • 15

Nguồn

Safari 15.6 là một bản phát hành chủ yếu nhằm giải quyết các vấn đề, tuy nhiên, bản phát hành này đã có một tính năng CSS mới với lớp giả :modal. Tính năng này cũng được chuyển trong Firefox 103. Lớp giả :modal chọn một phần tử khi không thể tương tác với mọi thứ bên ngoài phần tử đó cho đến khi phần tử bị đóng. Ví dụ: phần tử dialog mở bằng showModal().

Hỗ trợ trình duyệt

  • 105
  • 105
  • 103
  • 15,6

Nguồn

Bản phát hành trình duyệt thử nghiệm

Phiên bản trình duyệt beta cho phép bạn xem trước những tính năng sẽ có trong phiên bản ổn định tiếp theo của trình duyệt. Đây là thời điểm thích hợp để thử nghiệm các tính năng mới hoặc yêu cầu xoá có thể ảnh hưởng đến trang web của bạn trước khi toàn cầu nhận được bản phát hành đó.

Do ngày phát hành rơi vào ngay bên ngoài tháng, nên bản beta mới duy nhất trong tháng 6 là Firefox 104.

Firefox 104 có trong Firefox 104 là CSS Font Loading API trong Web Workers và thuộc tính CSS animation-composition xác định hoạt động kết hợp được sử dụng khi nhiều hoạt ảnh ảnh hưởng đồng thời đến cùng một thuộc tính.

Bản beta của Safari 16 được đề cập trong tháng trước cũng vẫn đang tiếp diễn.

Các tính năng beta này sẽ sớm có trên các trình duyệt ổn định.

Một phần của Loạt video mới dành cho web