Microtip - Biblioteca de información sobre herramientas CSS con características de accesibilidad nativas

Puede hacer una búsqueda rápida en GitHub para encontrar docenas de bibliotecas de información sobre herramientas personalizadas. Y parece que los nuevos llegan a la web cada mes..

Microtip es un recurso único ya que se ejecuta en información sobre herramientas de CSS pura, ofrece una estética personalizada y utiliza el código fuente que es totalmente accesible para todos los usuarios.

Si nunca has pensado mucho en la accesibilidad, Microtip podría cambiar de opinión. Es la mezcla perfecta de diseño limpio con Funcionalidad para todos los dispositivos, todos los navegadores y para usuarios con discapacidades importantes.

En la página de inicio, encontrará un enlace de descarga a la biblioteca de Microtip junto con un montón de demostraciones de códigos..

Puede obtener esta configuración a través de un administrador de paquetes, una descarga directa o extrayéndolo directamente de un CDN. Eso viene con un archivo CSS y eso es básicamente todo lo que necesitas.

Una vez que haya agregado Microtip a su página, puede comenzar a agregar información sobre herramientas a los elementos de la página. Estos son totalmente compatible con el WAI Para que se ajusten perfectamente a los estándares de accesibilidad modernos..

Aquí hay un ejemplo de código de información sobre herramientas adjunto a un elemento de botón con una posición personalizada:

No hay mucho código correcto?

Esta biblioteca es súper liviana con un total de 1KB minimizado. Eso es una locura, teniendo en cuenta lo que obtienes con estas informaciones sobre herramientas..

Las propiedades CSS personalizadas se pueden pasar a través de atributos HTML para definir el tamaño de fuente, el estilo de transición, la flexibilización y muchas otras configuraciones.

Tú también puedes sobrescribir el CSS directamente para hacer más grandes las sugerencias de herramientas Con diferentes colores o fuentes..

Echa un vistazo a la sección de personalización en la página principal para más detalles. Todo funciona a través de HTML y CSS, por lo que no es necesario. cualquier conocimiento de scripting para que esto funcione.

Microtip es super Fácil de configurar y personalizar así que si al menos sabes la codificación frontend básica estarás bien.

Pero eche un vistazo al repositorio de GitHub para obtener más información de configuración y para obtener una copia de la hoja de estilo.

Si tiene preguntas o sugerencias para nuevas funciones, también puede enviar una línea al creador en Twitter @_ighosh.