DRAGGABLE - کتابخانه‌ای سبک و واکنشگرا برای درگ‌/درپ

گردآوری و تالیف : ارسطو عباسی
تاریخ انتشار : 24 تیر 1397
دسته بندی ها : کتابخانه

درگ/درپ یکی از ویژگی‌هایی است که در رابط‌های کاربری بسیار استفاده می‌شود. براساس نوع پروژه‌ای که در حال ساختن آن هستید، درگ/درپ می‌تواند راهکار بسیار خوبی برای کم کردن اشتباهات انسانی در جایی که نیاز به ورودی کیبورد است، باشد.

برای مثال در مرتب کردن یک لیست، بجای اینکه کاربران را مجبور به استفاده از کیبورد کنید، می‌توانید از حالت درگ/درپ استفاده کنید. مطمئنم که این نوع از تعامل در بازی‌ها نیز بسیار کاربردی خواهد بود.

در اینجا ما یک کتابخانه عالی برای پیاده‌سازی حالت درگ‌/درپ در اختیار داریم که draggable نام دارد و توسط Shopify پیاده‌سازی شده است. از ویژگی‌های قابل توجه این ابزار سبک و واکنشگرا بدن آن است. همچنین در وبسایت اصلی آن پیش‌نمایش‌های جالبی قرار گرفته شده که می‌توانید آن‌ها را مشاهده کنید.

ویژگی‌ها

  • قابلیت کار کردن با رویدادهای درگ محلی، ماوس و تاچ
  • قابلیت توسعه رفتار درگ کردن
  • قابلیت توسعه امکان تشخیص درگ
  • پیاده‌سازی شده براساس اکمااسکریپت۶

 API، گزینه‌ها و رویدادها

هر پلاگین خوبی به منعطف بودن در پیکربندی و همچنین توسعه‌پذیری نیاز دارد. بر همین اساس Draggable یکی از پلاگین‌های خوب است. در آن APIها، گزینه‌ها و رویدادهای بسیاری قرار گرفته که می‌توان از آن‌ها در پروژه‌تان استفاده کنید. می‌توانید تمام آن‌ها را در لینک مستندات مشاهده کنید.

منبع

مقالات پیشنهادی

۱۰ قطعه کد منو واکنشگرا با CSS - بخش ۲

طراحی یک لایه‌بندی واکنشگرا لزوما کار سختی نیست. مخصوصا برای زمانی که شما در ابتدای کار طرح کلی را ساخته‌اید و می‌دانید که قرار است چه چیزی را ایجاد ک...

۱۰ قطعه کد منو واکنشگرا با CSS - بخش اول

طراحی یک لایه‌بندی واکنشگرا لزوما کار سختی نیست. مخصوصا برای زمانی که شما در ابتدای کار طرح کلی را ساخته‌اید و می‌دانید که قرار است چه چیزی را ایجاد ک...

طراحی واکنشگرا - فونت و تایپوگرافی

رسیدن به یک تایپوگرافی مایع (fluid) ممکنه ساده تر از اون چیزی باشه که شما فکر می کنید. این دارای پشتیبانی وسیع مرورگر هست, به سادگی پیاده سازی میشه و...

20 کتابخانه عالی برای تابستان 1395 - قسمت اول

اولین بار php در سال 1995 ارائه شده و تا به الان مخاطبان خیلی خیلی زیادی داره و همچنین کسانی که با اون کار میکنن هم خیلی زیاد هستند به همین خاطر هر رو...