Chen Hui Jing
Developer Experience Engineer @ Interledger Foundation
최신 CSS 기능의 이용률이 증가하는 추세인 반면, CSS 프레임워크 이용률은 하락세에 있습니다.
이는 브라우저가 이전보다 훨씬 빨리 따라잡을 것이기 때문에, 사람들이 새로운 CSS 기능을 사용하길 기다릴 필요가 없다는 생각에 조금씩 익숙해져가고 있다는 신호일 수 있습니다.
중첩과 :has()(이것은 부모 선택자처럼 동작할 수 있지만 그 이상의 기능을 갖추고 있습니다!)와 같은 네이티브 CSS 기능에 대한 높은 인식에서 보면, 우리는 확산된 채택을 눈앞에 둔 것으로 보입니다.
이 모든 기능 중에서, 올해 제가 개인적으로 가장 좋아하는 기능은 text-wrap: balance입니다. 이것은 제 웹 개발 경력 동안 계속해서 받아왔던 요구사항: “제목을 조정해서 마지막 단어가 혼자 떨어지지 않게 할 수 있을까요?” 에 대한 한 줄의 해결책을 제공합니다.
많은 개발자들이 auto 및 masonry 레이아웃에 대한 애니메이션을 만들기 위해 CSS 기능이 부족하다고 느끼고 있는 것도 흥미로웠습니다. 특히 요소의 크기(특히 높이)가 명시적으로 선언되지 않았을 때 브라우저가 element dimensions을 결정하는 것은 항상 까다로웠습니다.
하지만 작년 Lea Verou가 언급한 대로, Interop와 같은 발의를 브라우저에 가저오면서, 이전에는 불가능하다고 생각되던 기능들이 이제는 현실이 될 수 있습니다!