Chrome 156 베타, CSS 표현과 연결 제어 확장… 정식 배포 전 확인할 변경점
구글이 Chrome 156 베타를 공개했다. 공식 릴리스 노트는 CSS 무작위 값과 탐색 시작 요소 선택, 모듈 로드 재시도 및 WebTransport 헤더 처리를 다룬다. 10월 20일로 예정된 정식 출시와 구분해, 화면 표현과 네트워크 동작의 도입 조건을 살펴본다.
“CSS” 검색 결과검색 초기화7편
Chrome 154, 콘텐츠에 맞추는 iframe과 링크·탭 스크롤 표시 모드 도입
구글이 Chrome 154 정식 배포 소식에서 반응형 iframe과 CSS 스크롤 표시 모드 확장을 소개했다. 임베디드 문서의 동의와 변경 후 재계산 요청이 필요한 iframe, 키보드 탐색 방식이 다른 links·tabs 모드는 크기와 접근성 동작을 브라우저에 맡기는 새로운 선택지다.
미디어 쿼리의 단순 대체재가 아니다: CSS 컨테이너 쿼리를 대하는 새로운 접근법
CSS 컨테이너 쿼리는 화면 전체 대신 컴포넌트가 놓인 조상 요소의 크기를 읽습니다. 미디어 쿼리와 역할을 나누는 방법, 컨테이너 상대 단위, 크기 격리의 제약을 공식 기술 문서와 함께 살펴봅니다.
Chrome 155 베타가 예고한 CSS 간격·텍스트 모듈 변화, 구현 범위 확인이 핵심
Chrome 155 베타 안내는 목록 기호와 컨테이너 여백, 텍스트 모듈, 창 제어의 확장을 소개했다. 정식 출시 일정이 지난 현재에는 베타 당시 목록과 최신 릴리스 노트를 나눠 읽어야 한다. WebGPU나 JPEG XL과 별도로 UI 구성과 모듈 의존성 관리의 변화를 살펴본다.
런타임 CSS-in-JS의 종말: Linear가 1,000번의 PR로 증명한 StyleX 전환 전략
생산성 소프트웨어 Linear가 styled-components를 걷어내고 Meta의 StyleX로 웹·데스크톱 앱을 전면 전환했습니다. 5개월 동안 1,000개 이상의 PR을 처리하며 메인 스레드 렌더링 부하를 최대 35% 줄이고 런타임 CSS 주입을 완전히 제거한 이번 사례는, React 18 동시성 환경과 AI 에이전트 협업 체계에서 컴포넌트 스타일링 아키텍처가 나아갈 방향을 구체적으로 보여줍니다.
CSS contrast-color로 고르는 검정·흰색, 자동 대비와 읽기 경험의 다른 범위
CSS contrast-color는 입력한 단색에 맞춰 검정이나 흰색을 반환한다. 테마에서 텍스트 색을 고르는 역할을 브라우저에 맡길 수 있지만 사진·그라데이션, 혼합한 색과 전체 접근성은 별도 검토가 필요하다.
CSS가 형제 요소를 센다…동적 배치에서 sibling-index를 읽는 법
스매싱 매거진이 요소의 순번과 형제 수를 CSS 계산에 사용하는 방법을 소개했다. 규칙을 수작업으로 늘리는 대신 DOM 구조를 수치로 읽는다. 공식 초안과 현재 문서를 대조해 함수의 범위, 접근성 및 오래된 브라우저의 대체 표시를 살핀다.
