Microtip - Бібліотека підказки CSS з функціями доступності

Ви можете виконати швидкий пошук на GitHub, щоб знайти десятки користувальницьких бібліотек підказок. І здається, що нові потрапляють в Мережу щомісяця.

Microtip - це унікальний ресурс, оскільки він працює на чистих підказках CSS, пропонує власну естетику і використовує вихідний код. повністю доступні для всіх користувачів.

Якщо ви ніколи не думали багато про доступність, то Microtip може змінити вашу думку. Це ідеальне поєднання чистого дизайну функціональність для всіх пристроїв, всіх браузерів і для користувачів з великими порушеннями.

На домашній сторінці ви знайдете посилання для завантаження до бібліотеки Microtip разом з набором демо-кодів.

Ви можете отримати це налаштування за допомогою менеджера пакетів, безпосереднього завантаження або потягнувши його безпосередньо з CDN. Це поставляється з одним файлом CSS і це в основному все, що вам потрібно.

Після додавання Microtip на сторінку ви можете почати додавати підказки до елементів сторінки. Вони є повністю відповідає WAI тому вони ідеально відповідають сучасним стандартам доступності.

Нижче наведено зразок коду підказки, прикріпленого до елемента кнопки зі спеціальною позицією:

Не так багато коду?

Ця бібліотека є надзвичайно легкою з загальною кількістю 1 Кб. Це просто божевільно, враховуючи, скільки ви отримаєте від цих підказок.

Власні властивості CSS можна передавати через атрибути HTML, щоб визначити розмір шрифту, стиль переходу, полегшення та багато інших параметрів.

Ви також можете перезапишіть CSS безпосередньо, щоб зробити підказки більшими з різними кольорами або шрифтами.

Щоб дізнатися більше, перегляньте розділ налаштування на головній сторінці. Все проходить через HTML і CSS, тому вам не потрібно будь-які знання сценаріїв щоб отримати цю роботу.

Microtip є супер легко налаштувати та налаштувати так що якщо ви, принаймні, знаєте базове кодування, ви будете добре.

Але погляньте на репозицію GitHub для отримання додаткової інформації про налаштування та для отримання копії таблиці стилів.

Якщо у вас є запитання або пропозиції щодо нових функцій, ви також можете передати рядок авторові в Twitter @_ighosh.