[요약] 2025년 디자이너를 위한 새로운 프론트엔드 기능들

출처: https://www.smashingmagazine.com/2024/12/new-front-end-features-for-designers-in-2025/

과거에 JavaScript로 구현해야 했던 많은 기능들을 이제는 단 한 줄의 HTML과 CSS로 해결할 수 있게 되었습니다.

• 컨테이너 쿼리와 스타일 쿼리는 구성 요소별 스타일링을 가능하게 하여 더욱 유연한 디자인을 지원합니다.
• text-wrap: balance를 사용하면 typographic orphans와 widows를 자동으로 해결할 수 있습니다.
• CSS field-sizing은 폼 필드의 크기를 콘텐츠에 맞게 자동으로 조정할 수 있게 해줍니다.
• hidden=until-found 속성은 아코디언과 같은 숨겨진 콘텐츠를 검색 가능하게 만듭니다.
• 새로운 :has() 가상 클래스는 자식 요소를 기반으로 부모 요소의 스타일을 지정할 수 있게 해줍니다.
• OKLCH와 OKLAB 색상 공간은 인간의 색상 인식에 기반한 50% 더 많은 색상을 제공합니다.
• View Transitions API는 페이지 간 부드러운 시각적 전환을 구현할 수 있게 해줍니다.