Frontend
조회 9약 1분 읽기
New to the web platform in December
2025년 12월에 안정적인 웹 브라우저에서 여러 새로운 기능이 출시되었습니다. Firefox, Chrome, Safari에서 각각 새로운 CSS 속성과 API가 추가되어 웹 개발자들에게 유용한 도구가 제공됩니다.
#css#web-development#browser-features#firefox#chrome#safari#web-platform
출처: Web.dev — https://web.dev/blog/web-platform-12-2025?hl=en
-
안정적인 브라우저 출시
- Chrome 143, Firefox 146, Safari 26.2 출시
- @scope CSS at-rule: 특정 DOM 서브트리 내에서 요소 선택 가능
- contrast-color() 함수: WCAG AA 최소 대비 보장
- text-decoration-inset 속성: 텍스트 장식의 시작 및 끝 조정
- font-language-override 속성: 특정 언어에 대한 글꼴 동작 재정의
- CSS anchored fallback container queries: 앵커 요소에 따라 스타일 조정
- background-position-x/y: 배경 이미지의 위치를 엣지에 상대적으로 정의
- overallProgress 속성: 애니메이션의 전체 진행 상태 반환
- LCP 및 INP: 새로운 성능 메트릭 지원
- CHIPS: 쿠키의 독립적인 파티션 저장소 지원
- hidden="until-found": 새로운 지원
- command 및 commandfor 속성: 팝오버 및 다이얼로그 제어
- scrollend 이벤트: 스크롤 완료 시 발생
- scrollbar-color 속성: 스크롤바 색상 변경
-
베타 브라우저 출시
- Firefox 147, Chrome 144 출시
- Chrome 144: ::search-text 의사 요소 및 Temporal API 포함
- Firefox 147: CSS 앵커 포지셔닝 및 Navigation API 포함
자세한 내용은 CSS Wrapped 2025에서 확인하세요.
같이 읽으면 좋은 글
같은 주제이거나 태그가 겹치는 글을 연결해 탐색 흐름을 강화했습니다.
CSS로 구현하는 시각적 착시 효과: 실무 가이드
CSS를 활용하여 웹 페이지에서 시각적 착시 효과를 구현하는 방법을 심층적으로 탐구합니다. 기본 개념부터 실무 적용, 흔한 함정과 주의사항, 최적화 팁까지 다룹니다.
#css#optical-illusions#web-design#frontend
CSS 상대 색상으로 테마 애니메이션 구현
CSS 상대 색상 값을 활용하여 애니메이션과 그래픽의 테마를 간소화하고 제어할 수 있는 방법을 소개한다. OKLCH 색상 공간을 사용하여 색상 팔레트를 시스템화하고, 이를 통해 애니메이션을 쉽게 구현할 수 있다.
#css-animations#relative-color#oklch#design-system
React Conf 2021 Recap
2021년 React Conf에서는 React 18의 출시와 동시 기능 채택을 포함한 다중 플랫폼 비전을 공유했습니다. 이 회의는 React 생태계의 미래 방향성을 제시하며, 개발자들에게 중요한 변화와 기회를 제공합니다.
#react-conf#react-18#concurrent-features#multi-platform-vision
이전 글
LCP와 INP가 이제 Baseline Newly available로 제공됨
다음 글
웹에서 원하는 기능에 투표하세요
댓글
불러오는 중…