색상 조정 모듈 1에 대한 첫 번째 공개 작업 초안을 빠르게 살펴보십시오 1

Apple은 MacOS 10.14에서 Safari에서 시스템 설정으로 Dark Mode를 도입 한 이후 로이 주제는 토론을 지배했습니다. 혁신적인 디자인과 개인화 된 사용자 경험의 잠재력은 매력적입니다.

이번 주에는 편집자 초안과 색상 조정 모듈 레벨 1 사양에 대한 최초의 공개 작업 초안이 출시되었습니다. 여전히 진행중인 작업이지만 개발은 매력적입니다. 이 사양은 세 가지 새로운 CSS 속성을 소개하여 사용자 에이전트가 사용자 기본 설정을 기반으로 시각적 렌더링을 처리하는 방법을 더 잘 제어 할 수 있습니다.

color-scheme 은 핵심 속성입니다. 광 모드 및 다크 모드 시스템 기본 설정에 해당하는 light dark 값을 허용합니다. 다른 레이블이 사용될 수 있지만 (예 : "Day"및 "Night")는 기본적인 차이가 남아 있습니다 : 빛 대 어두운 색 구성표.

이 속성은 중대한 영향을 미칩니다. 사용자 시스템 환경 설정을 기반으로 스타일 조정을 통해 미세 조정 된 사용자 경험을 가능하게합니다. 또한,이 속성 신호를 사용자 에이전트에게 요소가 "색상 체계 인식"이라고 선언하여 사용자의 선호도에 따라 스타일 조정을 촉구합니다. 반대로, auto 값은 브라우저에 완전한 제어를 부여하여 시스템 환경 설정 및 기본 스타일을 기반으로 색 구성표를 결정할 수 있습니다.

prefers-color-scheme 미디어 기능 (현재 미디어 쿼리의 편집기 드래프트 5)에 주목하는 것이 중요하며, 이는 사용자 선호도를 감지하고 사용자 경험 제어를 향상시키는 데 도움이됩니다. color-scheme 조정 모듈 레벨 1 작업 초안은 또한<meta> 색 구성표지지를 나타내는 요소.

color-scheme 속성에는 추가 기능이 포함되어 있습니다. only 키워드, 선호도 순서를위한 가치 사슬 및 사용자 정의 ID 키워드가 포함되어 있습니다. 복잡성으로 인해 철저한 검토가 권장됩니다.

디자인과 의사 결정에 혁명을 일으킬 수있는이 초안의 잠재력은 흥미 롭습니다. 그리고 이것은 단지 시작에 불과합니다. 두 가지 속성이 더 포함되어 있습니다.

• forced-color-adjust : 이것은 색 구성표를 지원하는 동시에 기본 사용자 에이전트 스타일 시트를 사용자 정의 CSS로 우선합니다. color-adjust 와의 병합 가능성에 대한 메모가 있습니다.
• color-adjust : CSS 재정의를 강제하는 대신이 속성은 브라우저에 대한 힌트를 제공하여 사용자 기본 설정 및 화면 품질 또는 대역폭과 같은 기타 요소를 기반으로 색상 값 조정을 가능하게합니다. Eric Bailey의 작업은 잠재적 인 사용 사례, 접근성 향상 및 일반 구현을 탐구합니다.

현재 초안은 확장 될 것으로 예상됩니다. 이것은 W3C의 놀라운 작업을 인정하고, 관련된 도전을 이해하고, 심지어 프로세스에 기여할 수있는 기회를 제공합니다. (기고에 대한 Rachel Andrew의 조언을 참조하십시오.)

위 내용은 색상 조정 모듈 1에 대한 첫 번째 공개 작업 초안을 빠르게 살펴보십시오 1의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!