- Chrome 57에서 새로운
display: grid지원 추가 CSS 그리드 레이아웃 사양 - 이제 잠금 화면에서 사용자 입력을 맞춤설정하고 응답할 수 있습니다. 새 Media Session API를 사용하여 알림을 보낼 수 있습니다.
- 그 외에도 다양한 기능이 있습니다.
저는 피트 르페이지입니다. Chrome 57의 개발자를 위한 새로운 기능을 자세히 살펴보겠습니다.
CSS 그리드 레이아웃
Flexbox는 강력한 레이아웃 도구입니다. 그것은 많은 복잡한 레이아웃을 가능하게 합니다.
한 차원에서만 레이아웃을 만들 수 있습니다. Chrome 57에서는
display: grid~
새로운 CSS 그리드 레이아웃 사양
2차원 그리드 기반 레이아웃을 만들기 위한 강력한 새 도구 추가
반응형 사용자 인터페이스 디자인에
최적화되어 있습니다
그리드 내 요소는 여러 열이나 행에 걸쳐 있을 수 있습니다. 레이아웃 코드를 더 쉽게 이해할 수 있도록 CSS 그리드에 이름을 지정할 수도 있습니다.
Surma의 업데이트 게시물이 있습니다. 자세히 알아볼 준비가 되셨다면 Rachel Andrew의 사이트: GridByExample.com.
Media Session API
웹 미디어 애플리케이션에서 누락된 기능 중 하나는 모바일 장치의 핵심 미디어 환경과의 긴밀한 통합 능력 Android용 Chrome에서 잠금 화면 및 알림을 맞춤설정할 수 있습니다. 새로운 Media Session API를 사용하여 미디어 콘텐츠를 연결할 수 있습니다.
메타데이터 제공 풍부한 잠금 화면을 만들 수 있습니다. 이러한 메시지에는 제목, 아티스트, 앨범 이름, 있습니다. 또한 Cloud Shell에서 사용자 액션에 대응하거나 탐색 또는 건너뛰기와 같이 알림 자체에서 수행됩니다.
빨리 시작하려는 분들을 위해, Francois는 업데이트 게시물, 자세한 내용은 Chrome 미디어 세션 샘플 저장소 를 참조하세요.
그 외에도 다양한 기능 제공
이 외에도 많은 기능이 있습니다.
- 몇 가지는 개선사항 Payment Request API에 추가합니다.
- 텍스트 입력 커서의 색상을 지정하려면
caret-color속성 - 선 색상 및 스타일과 같은 시각 효과는
text-decoration속성 - Fetch API
응답 클래스
이제
.redirected신뢰할 수 없는 응답을 피하고 공개 위험 리디렉션합니다. - 모든
-webkit-접두사: IndexedDB 전역 별칭은 M38에서 지원 중단될 예정입니다 - 그리고 제가 가장 좋아하는 것은
padStart및padEnd콘솔 출력을 정렬할 때 문자열 패딩을 단순화하는 형식 지정 메서드 고정된 자릿수로 숫자를 인쇄하는 것이 일반적입니다.
이상은 개발자를 위한 Chrome 57의 일부 변경사항일 뿐입니다.
이갈리아에게 감사 인사하기
마지막으로,
Igalia님, Blink에서 멋진 작업을 해냈습니다. 그들은
새로운 CSS 그리드와 caret-color 기능을 도입하는 데 중요한 역할을 했습니다.
최신 정보 확인
Chrome에 관한 최신 소식과 새로운 기능을 알고 싶다면 YouTube 채널을 구독하거나 트위터에서 @ChromiumDev를 참고하세요. 또한 Chrome 개발자 서밋 동영상 에서 Chrome팀이 개발 중인 멋진 작업에 대해 자세히 알아보세요.
저는 피트 르페이지입니다. Chrome 58이 출시되자마자 Chrome의 새로운 기능을 소개해 드립니다.