우수사례에서 아이디어 얻기
다음의 우수사례를 읽고 Chrome으로 다음 프로젝트를 위한 아이디어를 얻어보세요.
Spotify가 Picture-in-Picture API를 사용하여 Spotify 소형 플레이어를 빌드한 방법
Spotify Miniplayer가 '캔버스 해킹'에서 Document Picture-in-Picture API를 통해 지원되는 향상된 환경으로 전환된 과정을 알아보세요.
:has() 우수사례
:has()를 사용하여 Policybazaar 및 Tokopedia가 어떤 이점을 누릴 수 있는지 알아보세요.
컨테이너 쿼리 우수사례
redBus 및 Tokopedia의 컨테이너 쿼리의 이점을 알아보세요.
전환 우수사례 보기
redBus, Policybazaar, Tokopedia는 모두 View Transition API를 사용하며 더 나은 성능과 매끄러운 UI의 이점을 누릴 수 있습니다.
스크롤 기반 애니메이션 우수사례
Policybazaar, redBus, Tokopedia를 통해 스크롤 기반 애니메이션의 이점을 살펴보세요.
팝오버 우수사례
Tokopedia는 Popover API를 사용하여 애플리케이션의 코드 양을 줄입니다.
Photoshop에서 메모리에 들어갈 수 있는 것보다 큰 파일로 작업하던 문제를 해결한 방법
Adobe가 대표적인 Photoshop 앱의 웹 버전에서 사용자가 가장 큰 파일도 수정할 수 있도록 한 방법을 알아보세요. 이 도움말은 동영상으로도 제공됩니다. 2021년 Adobe는 Chrome 엔지니어링팀과 협력하여 Photoshop 버전을 웹에 제공 했습니다. 이 소프트웨어는 SIMD, 원본 비공개 파일 시스템 의 고성능 저장소, 캔버스의 P3 색상 공간, Lit 을 사용한 웹 구성요소와 같은 기능을 통해 WebAssembly를 혁신적으로
벡터 이미지 편집 앱 Boxy SVG에서 사용자가 좋아하는 로컬 글꼴을 선택할 수 있도록 Local Font Access API를 사용하는 방법
로컬 글꼴 액세스 API는 이름, 스타일, 모음과 같은 상위 수준 세부정보와 기본 글꼴 파일의 원시 바이트를 비롯하여 로컬에 설치된 사용자의 글꼴 데이터에 액세스하는 메커니즘을 제공합니다. SVG 편집 앱 Boxy SVG에서 이 API를 사용하는 방법을 알아봅니다. 이 도움말은 동영상으로도 제공됩니다. Boxy SVG 는 벡터 그래픽 편집기입니다. 주요 사용 사례는 삽화, 로고, 아이콘, 기타 그래픽 디자인 요소를 만들기 위해 SVG 파일
게임 편집기인 Construct 3에서 사용자가 File System Access API를 사용하여 게임을 저장할 수 있게 하는 방법
File System Access API를 사용하면 읽기, 쓰기, 파일 관리 기능을 사용할 수 있습니다. Construct 3에서 이 API를 사용하는 방법을 알아봅니다. 이 도움말은 동영상으로도 제공됩니다. Construct 3 는 토마스와 애슐리 굴렌 형제가 개발한 게임 편집기입니다. 현재 게임 편집기의 세 번째 버전에서는 이전에 Windows 및 NW.js 용으로 빌드한 후 두 가지 모두 완전히 '브라우저가 새로운 운영체제라고 [베팅]'
LEGO® Education에서 웹 블루투스 및 Web Serial API를 사용하는 방법
LEGO Education은 웹을 활용하여 LEGO 모델과 컴퓨터를 최대한 간단하게 연결합니다.