다음의 우수사례를 읽고 Chrome으로 다음 프로젝트를 위한 아이디어를 얻어보세요.

반응형 클리핑에 shape() 사용

CSS로 반응형 클리핑 경로를 만드는 방법을 알아봅니다.

실제 데이터를 사용한 더 정확한 DevTools 성능 디버깅

실제 데이터를 기반으로 성능 디버깅 결정을 내리는 데 도움이 되는 CPU 제한 조정 보정과 같은 새로운 DevTools 기능을 알아보세요.

Chrome 136 베타

최신 베타에서 Chrome에 제공될 기능을 살펴보세요.

DevTools 성능 패널의 통계 사이드바

DevTools 성능 패널에서 Lighthouse의 강력한 기능인 새로운 성능 통계에 대해 알아보세요.

:visited를 더 비공개로 설정

Chrome에서 방문한 링크를 사용하는 개인 정보 유출을 방지하는 방법

Chrome 135의 새로운 기능

CSS 캐러셀, command 및 commandfor 속성, CSS shape() 함수 등

WebGPU의 새로운 기능 (Chrome 135)

null 바인딩 그룹 레이아웃으로 파이프라인 레이아웃을 만들 수 있도록 허용, 뷰포트가 렌더링 타겟 경계를 넘어 확장되도록 허용, Android의 실험용 호환성 모드에 더 쉽게 액세스, maxInterStageShaderComponents 제한 삭제 등

Chrome 135의 DevTools의 새로운 기능

다양한 성능 패널 개선사항, 다양한 패널의 비어 있는 상태가 새롭게 디자인되었습니다. Elements의 접근성 트리 뷰도 개선되었습니다.

이제 <select> 요소를 CSS로 맞춤설정할 수 있습니다.

동일한 인터페이스와 새로운 디자인을 제공합니다.

CSS를 사용한 캐러셀

CSS 몇 줄만으로 탐색 버튼과 마커가 있는 스크롤 환경을 지원합니다.

웹 글꼴의 메모리 안전

Chrome팀에서 FreeType를 Skrifa로 대체한 방법과 이유를 알아보세요.

DevTools 성능 패널의 탐색 및 필터링이 개선되었습니다.

DevTools 성능 패널이 업데이트되어 트레이스 내에서 더 쉽게 탐색하고 필터링할 수 있습니다.

GSoC 및 Chromium으로 웹의 미래를 만들어 가세요

Chromium으로 Google Summer of Code에 참여하는 방법을 알아보세요.

보안을 개선하기 위한 원격 디버깅 스위치 변경

--remote-debugging-port 및 --remote-debugging-pipe 동작 변경사항을 발표합니다.

Chrome 웹 스토어 정책 업데이트: Chrome 확장 프로그램의 제휴 프로그램에 대한 정책 강화

확장 프로그램 생태계를 개선하기 위한 지속적인 노력의 일환으로 Google에서는 제휴사 광고 정책을 업데이트하고 있습니다.