Microtip - Yerel Erişilebilirlik Özelliklerine sahip CSS Araç İpucu Kütüphanesi

Düzinelerce özel araç ipucu kütüphanesi bulmak için GitHub'da hızlı bir arama yapabilirsiniz. Ve her ay yenileri ağa çarpıyor gibi görünüyor.

Microtip, saf CSS araç ipuçlarıyla çalıştığı, özel estetik sunan ve kaynak kodunu kullanan benzersiz bir kaynaktır. tamamen erişilebilir bütün kullanıcılar için.

Erişilebilirlik hakkında fazla bir şey düşünmediyseniz, Microtip fikrinizi değiştirebilir. Temiz tasarımın mükemmel karışımıdır. Tüm cihazlar, tüm tarayıcılar ve büyük engelli kullanıcılar için işlevsellik.

Ana sayfada, bir grup kod gösterisinin yanı sıra Microtip kütüphanesine bir indirme bağlantısı bulacaksınız..

Bu kurulumu bir paket yöneticisi, doğrudan indirme işlemi veya doğrudan bir CDN'den çekerek alabilirsiniz. O bir CSS dosyası ile geliyor ve temelde ihtiyacınız olan şey bu.

Sayfanıza Microtip ekledikten sonra, sayfa öğelerine araç ipuçları eklemeye başlayabilirsiniz. Bunlar WAI ile tam uyumlu bu yüzden modern erişilebilirlik standartlarına mükemmel şekilde uyarlar.

Özel bir konuma sahip bir düğme öğesine iliştirilmiş örnek bir araç ipucu kodu:

Çok fazla kod doğru değil?

Bu kütüphane, toplamda 1 KB küçültülmüş olarak oldukça hafiftir. Bu araç ipuçlarıyla ne kadar kazandığınızı düşünmeniz çok delilik..

Özel CSS özellikleri, yazı tipi boyutunu, geçiş stilini, hareket hızını ve diğer birçok ayarı tanımlamak için HTML niteliklerinden geçirilebilir.

Ayrıca ipuçlarını büyütmek için doğrudan CSS'nin üzerine yazın farklı renkler veya yazı tipleri ile.

Daha fazla bilgi için ana sayfadaki kişiselleştirme bölümüne bakınız. Her şey HTML ve CSS üzerinden çalışır, böylece ihtiyacınız olmaz Herhangi bir komut dosyası bilgisi bu işe almak için.

Mikro ipucu süper kurulumu ve özelleştirmesi kolay bu yüzden en azından temel önyüz kodlamasını biliyorsanız.

Ancak daha fazla kurulum bilgisi ve stil sayfasının bir kopyasını almak için GitHub deposuna bir göz atın.

Yeni özelliklerle ilgili sorularınız veya önerileriniz varsa, Twitter'da yaratıcınıza bir satır da bırakabilirsiniz:.