إنشاء فقاعات الكلام على الصفحة باستخدام Popper.js

الجميع يعرف عنه تلميحات وهناك العشرات من الموارد المجانية لمساعدتك في صنعها. ومع ذلك, فقاعات رسالة مخصصة أو “بوبرس” هي أيضا مفيدة جدا.

هم لا تقتصر على الأحداث تحوم, حتى يتمكنوا من الظهور على الصفحة باستمرار والتغلب على سلوكيات المستخدم الأخرى.

إذا كنت تبحث لإنشاء هذه بوبرس فقاعة الكلام على موقعك بعد ذلك Popper.js هو الخيار الافضل إنه مكون إضافي مفتوح المصدر ، يتم استضافته على موقع js.org الرسمي.

ستجد هذه النصائح الفقاعية في الكثير من المواقع التي لها واجهات معقدة. في بعض الأحيان سوف يقدمون نصائح سريعة, تجول, و نصيحة على متن الطائرة للأشخاص الجدد على الواجهة.

مع Popper.js ، لا تحتاج إلى الانتظار حتى يحوم المستخدم فقط لإنشاء تلميح أدوات. بدلا من ذلك ، يمكنك فرض بوبر ل تظهر في أي مكان, اي حجم, أي لون, مع تحديد المواقع الديناميكي.

تحقق من الصفحة التجريبية Popper.js لمعرفة ما أقصد. لأنه يأتي مع مجموعة واسعة من ميزات تحديد المواقع التي تتيح لك التنقل التلقائي للوضع بوبر استنادًا إلى موقع الشاشة.

أثناء قيام المستخدم بالتمرير إلى أسفل الصفحة ، فقد يفقد الفقاعة المنبثقة. مع هذا البرنامج المساعد ، يمكنك إجباره مرة أخرى في الرأي عن طريق التقليب لأعلى (أو لأسفل) ، اعتمادًا على اتجاه التمرير للمستخدم.

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

كل شفرة المصدر متاحة مجانًا على جيثب إذا كنت تريد التحقق من ذلك.

لتبدأ ، نلقي نظرة على صفحة التوثيق للحصول على دليل كامل. يخبرك هذا بالبرامج النصية التي ستحتاج إليها ، وكيفية إعداد نافذة مخصصة منبثقة ، وكيفية تكوين خيارات منفذ العرض المختلفة. على الرغم من أن أفضل مورد هو الصفحة الرئيسية Popper.js, مع تجريبي وفرة والكثير من العينات رمز.

إذا كنت ترغب في قراءة المزيد عن التطوير ، فراجع تدوين المدونة هذا الذي كتبه المبدع Federico Zivolo.