צור ב-עמוד בועות דיבור עם Popper.js

כולם יודעים ובטיפים ויש עשרות משאבים בחינם כדי לעזור לך לעשות אותם. למרות זאת, בועות הודעה מותאמת אישית - - או “פופרס” הם גם מאוד שימושי.

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

אם אתה מעוניין ליצור אותם בועת דיבור באתר שלך לאחר מכן Popper.js היא הבחירה הטובה ביותר. זהו תוסף קוד פתוח ללא תשלום, המתארח באתר הרשמי של Js.org.

תמצא טיפים אלה בועה בהרבה אתרי אינטרנט שיש להם ממשקים מורכבים. לפעמים הם יציעו טיפים מהירים, הדרכות, ו עצה onboarding עבור אנשים חדשים לממשק.

עם Popper.js, אינך צריך להמתין עד שהמשתמש ירחף רק כדי ליצור הסבר קצר. במקום זאת, אתה יכול לכפות פופר מופיעים בכל מקום, כל מידה, כל צבע, עם מיקום דינמי.

בדוק את דף ההדגמה Popper.js כדי לראות למה אני מתכוון. זה בא עם מגוון רחב של תכונות מיקום המאפשרים לך להפוך את מיקום הפופר באופן אוטומטי בהתאם למיקום המסך.

כאשר המשתמש גולל לאורך הדף, הוא עלול לאבד את בועת הפופר. עם תוסף זה, אתה יכול להכריח אותו בחזרה לעין על ידי הטלתו (או למטה), בהתאם לכיוון הגלילה של המשתמש.

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

כל קוד המקור זמין בחינם על GitHub אם אתה רוצה לבדוק את זה.

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

אם אתה רוצה לקרוא עוד על פיתוח לבדוק את זה לכתוב בבלוג נכתב על ידי היוצר Federico Zivolo.