🎨 프론트엔드
Spiral Scrollytelling in CSS With sibling-index()
CSS sibling-index 함수와 scroll timeline을 조합해 고성능 스크롤텔링 효과를 자바스크립트 의존 없이 구현하는 방법을 소개했습니다.
2026-02-20
스크롤 위치 기반 애니메이션 트리거, trigger-scope, Navigation API 개선 등 UI/플랫폼 기능이 베타에 포함됐습니다.
프론트 팀은 인터랙션 코드를 CSS/플랫폼 기능으로 치환해 메인 스레드 부담을 줄일 기회가 큽니다.
Chrome 146 베타는 스크롤 이벤트 기반 인터랙션을 선언형으로 구현할 수 있는 기능을 확대하고, 애니메이션 트리거 스코프 제어 및 Navigation API 사용성을 개선했습니다. 이는 프론트엔드 코드 복잡도와 런타임 오버헤드를 낮추는 방향과 맞닿아 있습니다.
실서비스에는 기능 탐지 기반 점진 적용과 함께 성능 측정을 병행해야 안정적으로 혜택을 얻을 수 있습니다.
댓글을 불러오는 중...
CSS sibling-index 함수와 scroll timeline을 조합해 고성능 스크롤텔링 효과를 자바스크립트 의존 없이 구현하는 방법을 소개했습니다.
2026-02-20
TypeScript 6.0 베타가 공개됐고 차세대 TS 7.0 네이티브 코드베이스로 넘어가기 전 브리지 릴리스 성격을 가진다
2026-02-20
Tailwind 유틸리티를 컴포넌트처럼 정의하고 필요 시 유틸리티로 덮어쓰는 방식이 실무 생산성을 높인다는 제안이다.
2026-02-20
Interop 2026이 시작되며 브라우저 간 CSS 호환성 개선 대상이 공개됐다
2026-02-20
corner-shape 구현 과정에서 슈퍼엘립스 수학, 대칭 처리, 베지어 근사 최적화 같은 렌더링 이슈를 공유했습니다.
2026-02-19