웹 바이탈 패턴
이 컬렉션에는 코어 웹 바이탈 점수를 손상시키지 않으면서 구현하기 어려운 패턴이 포함되어 있습니다. 이 예시의 코드를 사용하면 프로젝트가 올바른 방향으로 나아가는 데 도움이 됩니다.
- CSS content-visibility 속성이 이제 기준으로 새로 제공됨
- Now in Baseline: 항목 효과 애니메이션
- 컨테이너 쿼리 사용 방법
- CSS font-size-adjust가 이제 Baseline에 있습니다.
- @property: 범용 브라우저 지원을 통한 차세대 CSS 변수
- JavaScript Set 메서드가 이제 기준의 일부가 됨
- 이제 CSS 계단식 값 수학 함수가 기준 2024에 제공됩니다.
- 이제 모든 브라우저에서 Screen Wake Lock API가 지원됩니다.
- Light-dark()를 사용한 CSS 색상 스키마에 종속된 색상
- Popover API가 Baseline에 도입
- Intl.Segmenter 객체가 이제 Baseline의 일부입니다.
- 이제 블록 레이아웃의 align-content 속성이 기준의 일부임
- Array.prototype.with를 사용한 변경 불가능한 배열 업데이트
- :user-유효한 가상 클래스 및 :user-invalid 유사 클래스
- 이제 모든 브라우저에서 압축 스트림이 지원됩니다.
- CSS 서브 그리드
- 원본 비공개 파일 시스템
- 모든 주요 엔진의 새로운 CSS 색상 공간 및 함수
- 이제 브라우저 간 자바스크립트 가져오기 맵이 지원됩니다.
- 이제 여러 브라우저에서 푸시 알림이 지원됩니다.
- 마지막 기준선 정렬
- 안정적인 브라우저에 도입되는 컨테이너 쿼리