es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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

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 todos los meses.

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

Si nunca has pensado demasiado acerca de la accesibilidad, Microtip podría cambiar de opinión. Es la combinación perfecta de diseño limpio con funcionalidad para todos los dispositivos, todos los navegadores y para usuarios con impedimentos importantes .

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

Puede obtener esta configuración a través de un administrador de paquetes, una descarga directa o directamente desde un CDN. 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 tooltips a los elementos de la página. Son totalmente compatibles con WAI, por lo que se ajustan perfectamente a los estándares modernos de accesibilidad.

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

No hay muchos códigos, ¿verdad?

Esta biblioteca es súper liviana con un total de 1 KB minificado. Eso es una locura teniendo en cuenta lo mucho que obtienes con estas sugerencias.

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

También puede sobrescribir el CSS directamente para hacer que la información sobre herramientas sea más grande con diferentes colores o fuentes.

Eche un vistazo a la sección de personalización en la página principal para más detalles. Todo se ejecuta a través de HTML y CSS, por lo que no necesita ningún conocimiento de scripts para que funcione.

Microtip es súper fácil de configurar y personalizar, por lo que si al menos conoces la codificación de 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 sobre nuevas funciones, también puede colocar una línea al creador en Twitter @_ighosh.

12 aplicaciones de cámara para smartphone que debes probar

12 aplicaciones de cámara para smartphone que debes probar

¿Su cámara de teléfono inteligente ofrece controles manuales DSLR, soporte de captura RAW, comando activado por voz o la capacidad de tomar increíbles selfies? Probablemente no. Sin embargo, puede obtener todo esto y muchas características más interesantes mediante el uso de aplicaciones de cámara de terceros .Hay mu

(Consejos de tecnología y diseño)

Encuentra paletas de colores curadas por el usuario con color Hunt

Encuentra paletas de colores curadas por el usuario con color Hunt

La aplicación web gratuita Color Hunt es un recurso curado por el usuario que ofrece las mejores paletas de colores votadas por los usuarios. Estas paletas también las crean los usuarios y el sitio se ejecuta principalmente como un recurso gratuito para los diseñadores.Puede votar sus favoritos usando el ícono del corazón pequeño en la esquina inferior izquierda de cada paleta. La v

(Consejos de tecnología y diseño)