Chrome의 새로운 기능
블로그에서
eBay가 원활한 사용자 인증 정보 공유로 로그인 성공률을 10% 개선한 방법
eBay가 디지털 애셋 링크를 사용하여 원활한 사용자 인증 정보 공유를 통해 로그인 성공률을 10% 개선한 방법을 알아보세요. 안전한 교차 플랫폼 인증을 구현하고 사용자 환경을 개선하는 방법을 알아보세요.
- ID
- 우수사례
- Chrome
2025년 3월 6일
NRK에서 스크롤 기반 애니메이션을 사용하여 스토리에 생동감을 불어넣는 방법
스크롤 기반 및 스크롤 트리거 애니메이션이 스토리텔링 기사를 개선하는 방법을 알아보세요.
- 우수사례
- 자바스크립트
- CSS
- HTML
- Chrome
2025년 2월 26일
Google 검색에서 추측 규칙을 사용하는 방법
Google 검색에서 Speculation Rules API를 사용하여 익명으로 검색 결과를 미리 로드하여 사용자 환경을 개선한 방법을 알아보세요.
- 우수사례
- Chrome
2025년 2월 12일
Spotify가 Picture-in-Picture API를 사용하여 Spotify 소형 플레이어를 빌드한 방법
Spotify Miniplayer가 '캔버스 해킹'에서 Document Picture-in-Picture API를 통해 지원되는 향상된 환경으로 전환된 과정을 알아보세요.
- 우수사례
- TypeScript
- Chrome
2024년 5월 13일
2024년 5월 7일
2024년 5월 7일
전환 우수사례 보기
redBus, Policybazaar, Tokopedia는 모두 View Transition API를 사용하며 더 나은 성능과 매끄러운 UI의 이점을 누릴 수 있습니다.
- 우수사례
- 자바스크립트
- CSS
- Chrome
2024년 5월 7일
2024년 5월 7일
2024년 4월 24일
Photoshop에서 메모리에 들어갈 수 있는 것보다 큰 파일로 작업하던 문제를 해결한 방법
Adobe가 대표적인 Photoshop 앱의 웹 버전에서 사용자가 가장 큰 파일도 수정할 수 있도록 한 방법을 알아보세요. 이 도움말은 동영상으로도 제공됩니다. 2021년 Adobe는 Chrome 엔지니어링팀과 협력하여 Photoshop 버전을 웹에 제공 했습니다. 이 소프트웨어는 SIMD, 원본 비공개 파일 시스템 의 고성능 저장소, 캔버스의 P3 색상 공간, Lit 을 사용한 웹 구성요소와 같은 기능을 통해 WebAssembly를 혁신적으로
- 우수사례
- Chrome
2023년 6월 5일
문서 업데이트
오리진 트라이얼의 AI API
확장 프로그램 저장용량 보기 및 수정
Signal API를 사용하여 패스키를 사용자 인증 정보와 일치시키기
CSS에서 height: auto;
(및 기타 고유 크기 조정 키워드)로 애니메이션 처리
interpolate-size
및 calc-size()
를 사용하여 기본 크기 조정 키워드와 애니메이션 처리
우수사례
eBay가 원활한 사용자 인증 정보 공유로 로그인 성공률을 10% 개선한 방법
Updated 2025년 3월 6일
eBay가 디지털 애셋 링크를 사용하여 원활한 사용자 인증 정보 공유를 통해 로그인 성공률을 10% 개선한 방법을 알아보세요. 안전한 교차 플랫폼 인증을 구현하고 사용자 환경을 개선하는 방법을 알아보세요.
- ID
- 우수사례
- Chrome
NRK에서 스크롤 기반 애니메이션을 사용하여 스토리에 생동감을 불어넣는 방법
Updated 2025년 2월 26일
스크롤 기반 및 스크롤 트리거 애니메이션이 스토리텔링 기사를 개선하는 방법을 알아보세요.
- 우수사례
- 자바스크립트
- CSS
- HTML
- Chrome
Google 검색에서 추측 규칙을 사용하는 방법
Updated 2025년 2월 12일
Google 검색에서 Speculation Rules API를 사용하여 익명으로 검색 결과를 미리 로드하여 사용자 환경을 개선한 방법을 알아보세요.
- 우수사례
- Chrome
Spotify가 Picture-in-Picture API를 사용하여 Spotify 소형 플레이어를 빌드한 방법
Updated 2024년 5월 13일
Spotify Miniplayer가 '캔버스 해킹'에서 Document Picture-in-Picture API를 통해 지원되는 향상된 환경으로 전환된 과정을 알아보세요.
- 우수사례
- TypeScript
- Chrome
:has() 우수사례
Updated 2024년 5월 7일
:has()를 사용하여 Policybazaar 및 Tokopedia가 어떤 이점을 누릴 수 있는지 알아보세요.
- 우수사례
- CSS
- 자바스크립트
- Chrome
전환 우수사례 보기
Updated 2024년 5월 7일
redBus, Policybazaar, Tokopedia는 모두 View Transition API를 사용하며 더 나은 성능과 매끄러운 UI의 이점을 누릴 수 있습니다.
- 우수사례
- 자바스크립트
- CSS
- Chrome
스크롤 기반 애니메이션 우수사례
Updated 2024년 5월 7일
Policybazaar, redBus, Tokopedia를 통해 스크롤 기반 애니메이션의 이점을 살펴보세요.
- 우수사례
- 자바스크립트
- CSS
- Chrome