Microtip - CSS Tooltip Library مع ميزات الوصول الأصلية

يمكنك إجراء بحث سريع على GitHub للعثور على العشرات من مكتبات تلميحات الأدوات المخصصة. ويبدو أن جديدة تضرب الشبكة كل شهر.

Microtip هو مورد فريد لأنه يعمل على تلميحات أدوات CSS نقية ، ويقدم جماليات مخصصة ، ويستخدم شفرة المصدر التي يمكن الوصول إليها بالكامل لكل المستخدمين.

إذا لم تفكر مطلقًا في إمكانية الوصول ، فقد يغير Microtip رأيك. إنه مزيج مثالي من التصميم النظيف مع وظيفة لجميع الأجهزة ، جميع المتصفحات ، والمستخدمين الذين يعانون من إعاقات كبيرة.

في الصفحة الرئيسية ، ستجد رابط تنزيل إلى مكتبة Microtip مع مجموعة من العروض البرمجية.

يمكنك الحصول على هذا الإعداد من خلال مدير الحزم ، أو تنزيل مباشر ، أو بسحبه مباشرة من CDN. هذا يأتي مع ملف CSS واحد وهذا في الأساس كل ما تحتاجه.

بمجرد إضافة Microtip إلى صفحتك ، يمكنك البدء في إضافة تلميحات الأدوات إلى عناصر الصفحة. هؤلاء هم متوافقة تماما مع WAI بحيث تتوافق مع معايير الوصول الحديثة تماما.

إليك نموذج شفرة تلميح الأدوات المرفق بعنصر زر مع موضع مخصص:

ليس كثيرا رمز الحق?

هذه المكتبة خفيفة الوزن للغاية مع إجمالي 1 كيلو بايت مصغر. هذا مجرد تفكير في مقدار ما تحصل عليه من خلال تلميحات الأدوات هذه.

يمكن تمرير خصائص CSS المخصصة عبر سمات HTML لتحديد حجم الخط ونمط الانتقال والتخفيف والكثير من الإعدادات الأخرى.

بامكانك ايضا الكتابة فوق CSS مباشرة لجعل تلميحات الأدوات أكبر مع ألوان مختلفة أو الخطوط.

ألق نظرة على قسم التخصيص في الصفحة الرئيسية لمزيد من التفاصيل. كل شيء يمر عبر HTML و CSS حتى لا تحتاج أي معرفة البرمجة للحصول على هذا العمل.

Microtip هو السوبر سهلة الإعداد وتخصيص حتى إذا كنت على الأقل تعرف الترميز الأساسي للواجهة الأمامية ، فستكون على ما يرام.

لكن انظر إلى GitHub repo للحصول على مزيد من معلومات الإعداد وللحصول على نسخة من ورقة الأنماط.

إذا كانت لديك أسئلة أو اقتراحات لميزات جديدة ، يمكنك أيضًا إسقاط خط إلى المنشئ على Twitter_ighosh.