MicroTip - CSS Tooltip הספרייה עם תכונות נגישות דובר

אתה יכול לעשות חיפוש מהיר על GitHub למצוא עשרות ספריות tooltip מותאם אישית. וזה נראה כמו חדשים להכות את האינטרנט בכל חודש.

Microtip הוא משאב ייחודי שכן הוא פועל על tooltips CSS טהור, מציעה אסתטיקה מותאמת אישית, והיא משתמשת בקוד המקור של נגיש לחלוטין לכל המשתמשים.

אם מעולם לא חשבת הרבה על נגישות אז Microtip עשוי לשנות את דעתך. זה שילוב מושלם של עיצוב נקי עם פונקציונליות עבור כל המכשירים, כל הדפדפנים, ולמשתמשים עם ליקויים משמעותיים.

בדף הבית, תמצא קישור להורדה לספריית המיקרוטיפ יחד עם חבורה של הדגמות קוד.

אתה יכול לקבל את ההתקנה באמצעות מנהל החבילה, הורדה ישירה, או על ידי משיכת אותו ישירות CDN. זה מגיע עם קובץ CSS אחד וזה בעצם כל מה שאתה צריך.

ברגע שיש לך Microtip נוסף לדף שלך אתה יכול להתחיל הוספת תיאורי כלים על אלמנטים הדף. אלו הם מלא תואם עם WAI כך שהם תואמים את הסטנדרטים המודרניים נגישות מושלמת.

הנה קוד הסבר מדגם המצורף לאלמנט כפתור עם מיקום מותאם אישית:

לא הרבה קוד נכון?

ספריה זו היא סופר קל עם סך של 1KB ממוקד. זה פשוט מטורף בהתחשב כמה אתה מקבל עם tooltips האלה.

ניתן להעביר מאפייני CSS מותאמים אישית באמצעות תכונות HTML כדי להגדיר את גודל הגופן, סגנון המעבר, ההקלה והרבה הגדרות אחרות.

אתה יכול גם להחליף את CSS ישירות כדי להפוך את tooltips גדול עם צבעים או גופנים שונים.

עיין בסעיף ההתאמה האישית בדף הראשי לקבלת פרטים נוספים. הכל פועל באמצעות HTML ו- CSS אז אתה לא צריך כל ידע scripting כדי לקבל עבודה זו.

Microtip הוא סופר קל להתקנה ולהתאמה אישית אז אם אתה לפחות יודע בסיסי codend קידוד אתה תהיה בסדר.

אבל יש להסתכל על ריפו GitHub לקבלת מידע נוסף ההתקנה & לתפוס עותק של stylesheet.

אם יש לך שאלות או הצעות לתכונות חדשות, תוכל גם לשחרר קו ליוצר ב- Twitter @_ighosh.