Chrome의 새로운 기능
블로그에서
Spotify가 Picture-in-Picture API를 사용하여 Spotify 소형 플레이어를 빌드한 방법
Spotify Miniplayer가 '캔버스 해킹'에서 Document Picture-in-Picture API를 통해 지원되는 향상된 환경으로 전환된 과정을 알아보세요.
- 우수사례
- 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일
벡터 이미지 편집 앱 Boxy SVG에서 사용자가 좋아하는 로컬 글꼴을 선택할 수 있도록 Local Font Access API를 사용하는 방법
로컬 글꼴 액세스 API는 이름, 스타일, 모음과 같은 상위 수준 세부정보와 기본 글꼴 파일의 원시 바이트를 비롯하여 로컬에 설치된 사용자의 글꼴 데이터에 액세스하는 메커니즘을 제공합니다. SVG 편집 앱 Boxy SVG에서 이 API를 사용하는 방법을 알아봅니다. 이 도움말은 동영상으로도 제공됩니다. Boxy SVG 는 벡터 그래픽 편집기입니다. 주요 사용 사례는 삽화, 로고, 아이콘, 기타 그래픽 디자인 요소를 만들기 위해 SVG 파일
- 자바스크립트
- Chrome
2023년 6월 1일
게임 편집기인 Construct 3에서 사용자가 File System Access API를 사용하여 게임을 저장할 수 있게 하는 방법
File System Access API를 사용하면 읽기, 쓰기, 파일 관리 기능을 사용할 수 있습니다. Construct 3에서 이 API를 사용하는 방법을 알아봅니다. 이 도움말은 동영상으로도 제공됩니다. Construct 3 는 토마스와 애슐리 굴렌 형제가 개발한 게임 편집기입니다. 현재 게임 편집기의 세 번째 버전에서는 이전에 Windows 및 NW.js 용으로 빌드한 후 두 가지 모두 완전히 '브라우저가 새로운 운영체제라고 [베팅]'
- 자바스크립트
- Chrome
2023년 5월 30일
LEGO® Education에서 웹 블루투스 및 Web Serial API를 사용하는 방법
LEGO Education은 웹을 활용하여 LEGO 모델과 컴퓨터를 최대한 간단하게 연결합니다.
- 자바스크립트
- Chrome
2023년 5월 22일
문서 업데이트
오리진 트라이얼의 AI API
확장 프로그램 저장용량 보기 및 수정
Signal API를 사용하여 패스키를 사용자 인증 정보와 일치시키기
CSS에서 height: auto;
(및 기타 고유 크기 조정 키워드)로 애니메이션 처리
interpolate-size
및 calc-size()
를 사용하여 기본 크기 조정 키워드와 애니메이션 처리
우수사례
Spotify가 Picture-in-Picture API를 사용하여 Spotify 소형 플레이어를 빌드한 방법
Updated 2024년 5월 13일
Spotify Miniplayer가 '캔버스 해킹'에서 Document Picture-in-Picture API를 통해 지원되는 향상된 환경으로 전환된 과정을 알아보세요.
- 우수사례
- 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
Photoshop에서 메모리에 들어갈 수 있는 것보다 큰 파일로 작업하던 문제를 해결한 방법
Updated 2023년 6월 5일
Adobe가 대표적인 Photoshop 앱의 웹 버전에서 사용자가 가장 큰 파일도 수정할 수 있도록 한 방법을 알아보세요. 이 도움말은 동영상으로도 제공됩니다. 2021년 Adobe는 Chrome 엔지니어링팀과 협력하여 Photoshop 버전을 웹에 제공 했습니다. 이 소프트웨어는 SIMD, 원본 비공개 파일 시스템 의 고성능 저장소, 캔버스의 P3 색상 공간, Lit 을 사용한 웹 구성요소와 같은 기능을 통해 WebAssembly를 혁신적으로
- 우수사례
- Chrome
벡터 이미지 편집 앱 Boxy SVG에서 사용자가 좋아하는 로컬 글꼴을 선택할 수 있도록 Local Font Access API를 사용하는 방법
Updated 2023년 6월 1일
로컬 글꼴 액세스 API는 이름, 스타일, 모음과 같은 상위 수준 세부정보와 기본 글꼴 파일의 원시 바이트를 비롯하여 로컬에 설치된 사용자의 글꼴 데이터에 액세스하는 메커니즘을 제공합니다. SVG 편집 앱 Boxy SVG에서 이 API를 사용하는 방법을 알아봅니다. 이 도움말은 동영상으로도 제공됩니다. Boxy SVG 는 벡터 그래픽 편집기입니다. 주요 사용 사례는 삽화, 로고, 아이콘, 기타 그래픽 디자인 요소를 만들기 위해 SVG 파일
- 자바스크립트
- Chrome
게임 편집기인 Construct 3에서 사용자가 File System Access API를 사용하여 게임을 저장할 수 있게 하는 방법
Updated 2023년 5월 30일
File System Access API를 사용하면 읽기, 쓰기, 파일 관리 기능을 사용할 수 있습니다. Construct 3에서 이 API를 사용하는 방법을 알아봅니다. 이 도움말은 동영상으로도 제공됩니다. Construct 3 는 토마스와 애슐리 굴렌 형제가 개발한 게임 편집기입니다. 현재 게임 편집기의 세 번째 버전에서는 이전에 Windows 및 NW.js 용으로 빌드한 후 두 가지 모두 완전히 '브라우저가 새로운 운영체제라고 [베팅]'
- 자바스크립트
- Chrome