Tippy.js
کتابخانهٔ ساخت راهنمای ابزار و پاپاور. جای نمایش را خودکار طوری انتخاب میکند که از لبهٔ صفحه بیرون نزند و رفتار دسترسپذیری آن از پیش در نظر گرفته شده است.
معرفی محصول
راهنمای ابزار ساده به نظر میرسد تا وقتی نزدیک لبهٔ صفحه باز شود و بریده شود. Tippy.js موقعیتیابی هوشمند، مدیریت تمرکز و رفتار صفحهکلید را حل کرده و شما فقط محتوا را میدهید.
کاربرد اصلی
برای توضیح کوتاه کنار دکمهها، منوی کشویی سبک و پاپاورهای اطلاعاتی. محتوای آن میتواند متن ساده یا نشانهگذاری کامل باشد.
مناسب چه کسانی است
برای رابطهایی که نیاز به توضیح درجا دارند — پنلهای مدیریتی، فرمهای پیچیده و داشبوردها. برای یک راهنمای ابزار خیلی ساده، صفت استاندارد HTML هم کافی است.
مزایا
موقعیتیابی خودکار و مطمئن، پشتیبانی از صفحهکلید و صفحهخوان، و پوستهها و انیمیشنهای آماده. ساخت پویا هم پشتیبانی میشود، پس با محتوای بارگذاریشدهٔ بعدی هم کار میکند.
اطلاعات فنی
- سازنده: atomiks
- لایسنس: MIT
- پیشنیاز: مرورگر مدرن
لایسنس و اجازهٔ استفاده
این محصول تحت لایسنس MIT منتشر شده است؛ یعنی استفادهٔ رایگان، تغییر و استفادهٔ تجاری طبق شرایط همان لایسنس مجاز است. پیش از استفاده در پروژهٔ تجاری، متن کامل لایسنس را در منبع رسمی ببینید.
منبع رسمی
زوانو این فایل را بازنشر نمیکند؛ دانلود مستقیماً از منبع رسمی سازنده انجام میشود تا همیشه آخرین نسخهٔ اصلی و دستنخورده را بگیرید.
- وبسایت رسمی: https://atomiks.github.io/tippyjs/
- مخزن کد: https://github.com/atomiks/tippyjs
- مستندات: https://atomiks.github.io/tippyjs/v6/all-props/
�
تنباز و رایگان
لایسنس MIT
�
وقعیتیابی هوش�
ند
جلوگیری از بریده شدن در لبهٔ صفحه
�
حتوای دلخواه
�
تن ساده یا نشانهگذاری کا�
ل
دسترسپذیری
پشتیبانی از صفحهکلید و صفحهخوان
پوسته و انی�
یشن آ�
اده
ظاهر �
تنوع بدون کدنویسی
حالت تعا�
لی
ا�
کان کلیک روی �
حتوای داخل پاپاور
ساخت پویا
کارکرد با عناصر افزودهشدهٔ بعدی
کنترل کا�
ل رویداد
تعیین دقیق ز�
ان باز و بسته شدن
- کتابخانه را با npm نصب کنید یا فایل آماده را در صفحه وارد کنید.
- CSS پوستهٔ موردنظر را بارگذاری کنید.
- Tippy را روی عنصر یا گروهی از عناصر اجرا کنید.
- برای فارسی، جهت و فونت محتوا را تنظیم کنید.
هنوز دیدگاهی ثبت نشده است
اولین کسی باشید که تجربهاش را از این محصول مینویسد.
محصولات مرتبط
Chart.js
کتابخانهٔ رسم نمودار با canvas. هشت نوع نمودار پایه — خطی، میلهای، دایرهای و بقیه — را با پیکربندی ساده میسازد و خروجیاش واکنشگرا و متحرک است. برای داشبورد مدیریتی و گزارش فروش گزینهٔ متداولی است.
Swiper
کتابخانهٔ اسلایدر و کروسل با پشتیبانی کامل لمسی. بدون وابستگی به jQuery کار میکند، حالت راستبهچپ دارد و برای گالری تصویر، اسلایدر محصول و بنر صفحهٔ اصلی مناسب است. ماژولهایش را میتوان انتخابی وارد کرد تا حجم کم بماند.
Alpine.js
فریمورک جاوااسکریپت بسیار سبک که رفتار تعاملی را مستقیم در نشانهگذاری مینویسید. برای منوی کشویی، تب و مودال، بدون نیاز به فرایند ساخت یا فریمورک سنگین. برای سایتهایی که سمت سرور رندر میشوند انتخاب سبکی است.
Axios
کتابخانهٔ ارسال درخواست HTTP بر پایهٔ Promise که هم در مرورگر و هم در Node.js کار میکند. رهگیر درخواست و پاسخ، لغو درخواست و تبدیل خودکار JSON را در خود دارد.