Microtip - Thư viện CSS Tooltip với các tính năng truy cập gốc
Bạn có thể thực hiện tìm kiếm nhanh trên GitHub để tìm hàng tá thư viện tooltip tùy chỉnh. Và có vẻ như những cái mới xuất hiện trên web mỗi tháng.
Microtip là một tài nguyên duy nhất vì nó chạy trên các công cụ CSS thuần túy, cung cấp tính thẩm mỹ tùy chỉnh và nó sử dụng mã nguồn đó là truy cập đầy đủ Cho tất cả người dùng.
Nếu bạn chưa bao giờ nghĩ nhiều về khả năng tiếp cận thì Microtip có thể thay đổi suy nghĩ của bạn. Đó là sự pha trộn hoàn hảo của thiết kế sạch sẽ với chức năng cho tất cả các thiết bị, tất cả các trình duyệt và cho người dùng bị suy yếu lớn.
Trên trang chủ, bạn sẽ tìm thấy một liên kết tải xuống thư viện Microtip cùng với một loạt các bản trình diễn mã.
Bạn có thể nhận thiết lập này thông qua trình quản lý gói, tải xuống trực tiếp hoặc bằng cách kéo trực tiếp từ CDN. Nó đi kèm với một tệp CSS và đó là tất cả những gì bạn cần.
Khi bạn đã thêm Microtip vào trang của mình, bạn có thể bắt đầu thêm chú giải công cụ vào các phần tử trang. đó là tuân thủ đầy đủ với WAI vì vậy chúng phù hợp với tiêu chuẩn tiếp cận hiện đại một cách hoàn hảo.
Đây là mã công cụ mẫu được đính kèm với phần tử nút có vị trí tùy chỉnh:
Không có nhiều mã đúng?
Thư viện này siêu nhẹ với tổng số 1KB được rút gọn. Điều đó thật điên rồ khi xem xét bạn nhận được bao nhiêu với những chú giải công cụ này.
Các thuộc tính CSS tùy chỉnh có thể được chuyển qua các thuộc tính HTML để xác định kích thước phông chữ, kiểu chuyển tiếp, nới lỏng và nhiều cài đặt khác.
Bạn cũng có thể ghi đè CSS trực tiếp để làm cho chú giải công cụ lớn hơn với màu sắc hoặc phông chữ khác nhau.
Hãy xem phần tùy chỉnh trên trang chính để biết thêm chi tiết. Mọi thứ chạy qua HTML và CSS, do đó bạn không cần bất kỳ kiến thức về kịch bản để làm việc này.
Microtip là siêu dễ dàng cài đặt và tùy chỉnh Vì vậy, nếu bạn ít nhất biết mã hóa lối vào cơ bản, bạn sẽ ổn thôi.
Nhưng hãy xem repo GitHub để biết thêm thông tin thiết lập & lấy một bản sao của biểu định kiểu.
Nếu bạn có câu hỏi hoặc đề xuất cho các tính năng mới, bạn cũng có thể thả một dòng cho người tạo trên Twitter @_ighosh.
