Microtip - 네이티브 접근성 기능이있는 CSS 툴팁 라이브러리

GitHub을 빠르게 검색하여 수십 개의 사용자 정의 툴팁 라이브러리를 찾을 수 있습니다. 매달 새로운 웹 사이트가 등장한 것 같습니다..

Microtip은 순수한 CSS 도구 설명으로 실행되고 사용자 정의 미학을 제공하며 소스 코드를 사용하기 때문에 고유 한 리소스입니다. 완전히 접근 가능한 모든 사용자를위한.

접근 가능성에 대해 많이 생각해 본 적이 없다면 Microtip이 마음을 바꿀 수도 있습니다. 깨끗한 디자인과 완벽한 조화를 이룹니다. 모든 장치, 모든 브라우저 및 주요 장애가있는 사용자를위한 기능.

홈페이지에는 Microtip 라이브러리에 대한 다운로드 링크와 함께 일련의 코드 데모가 있습니다..

이 설정은 패키지 관리자, 직접 다운로드 또는 CDN에서 직접 가져 오는 방법으로 얻을 수 있습니다. 그것 하나의 CSS 파일과 함께 제공됩니다. 그리고 그것은 기본적으로 필요한 것입니다..

Microtip을 페이지에 추가하면 페이지 요소에 툴팁을 추가 할 수 있습니다. 이것들은 WAI와 완벽하게 호환된다. 그래서 그들은 현대 접근성 기준을 완벽하게 준수합니다..

다음은 사용자 정의 위치가있는 버튼 요소에 첨부 된 샘플 툴팁 코드입니다.

그리 많은 코드가 아닙니다.?

이 라이브러리는 총 1KB가 축소 된 초경량입니다. 이 도구 설명으로 얼마나 많은 정보를 얻었는지 고려하면.

사용자 정의 CSS 속성을 HTML 속성을 통해 전달하여 글꼴 크기, 전환 스타일, 여유 및 기타 설정을 정의 할 수 있습니다..

당신은 또한 수 툴팁을 더 크게 만들기 위해 CSS를 직접 덮어 씁니다. 다른 색이나 글꼴로.

자세한 내용은 기본 페이지의 사용자 정의 섹션을 참조하십시오. HTML과 CSS를 통해 모든 것이 실행되기 때문에 필요하지 않습니다. 모든 스크립팅 지식 이 일을하기 위해서.

Microtip은 최고 다. 설치 및 사용자 정의가 쉽다. 그래서 당신이 적어도 기본적인 프론트 엔드 코딩을 알고 있다면 괜찮을 것입니다..

그러나 더 많은 설정 정보를위한 GitHub 저장소를 살펴보고 스타일 시트의 사본을 가져와야합니다..

새로운 기능에 대한 질문이나 제안 사항이 있으면 Twitter @_ighosh의 작성자에게 줄을 지울 수도 있습니다..