پلاگین‌های کاربردی جی کوئری – بخش پانزدهم
پلاگین‌های کاربردی جی کوئری - بخش پانزدهم : این مقاله که آخرین بخش از معرفی پلاگین های کاربردی جی کوئری می باشد، به معرفی پلاگین های مختلف می پردازیم.

در مقاله قبل، به معرفی چند پلاگین گوناگون و کاربردی در زمینه های مختلف پرداختیم. در این مقاله، که آخرین بخش از معرفی پلاگین های جی کوئری می باشد، در ادامه مقاله قبل، به معرفی پلاگین های جی کوئری گوناگون دیگری می پردازیم…

 

۴۶- پلاگین Hook.js:

حتما تابحال با این ویژگی در اپلیکیشن های موبایل و تبلت مانند اینستاگرام روبرو شده اید: هنگامی که صفحه را با دست تان به پایین می کشید، صفحه رفرش می شود. توسط پلاگین Hook.js می توانید این ویژگی جالب را به وب سایت خود اضافه کنید.

پلاگین Hook.js

با رفرش شدن صفحه وب سایت، محتوا و پست های جدید بنمایش در می آیند.

 

 

۴۷- پلاگین PercentageLoader:

برای نمایش درصد پیشرفت یک فرآیند در وب سایت بصورت ویژوالی و زیبا، می توانید از پلاگین PercentageLoader استفاده کنید.

پلاگین PercentageLoader

این پلاگین برای پیاده سازی زیبایی بصری progressbar ها، از canvas موجود در HTML5 بهره برده است. این پلاگین تنها ۱۰ کیلوبایت حجم دارد. بدین دلیل که بجای استفاده از تصویر، از وکتور استفاده شده است. بنابراین قابلیت استفاده در سایزهای مختلف را دارد. (بدون افت کیفیت)

 

 

۴۸- پلاگین Chart.js:

پلاگین chart.js یک کتابخانه ای است که از المان canvas واقع در html5 برای ایجاد چارت های جذاب و کاربرپسند، بهره می برد. دارای ۶ دسته کلی نمودار و چارت می باشد که هریک از این دسته ها به بخش های مختلفی تقسیم می شود.

پلاگین chart.js

پلاگین chart.js به هیچ کتابخانه دیگری نیاز ندارد و مستقل می باشد. سایز این پلاگین حدود ۵ کیلوبایت می باشد که بسیار سبک و کم حجم است. با فلش (flash) خداحافظی کنید!

 

 

۴۹- پلاگین Tooltipster:

برای نمایش انواع تولتیپ، پلاگین Tooltipster یکی از بهترین پلاگین ها می باشد. در موبایل و دسکتاپ قابل استفاده است و شما بعنوان طراح وب، کنترل کاملی بر روی محتوای تولتیپ (tooltip) دارید. از callback function های مختلفی پشتیبانی می کند.

پلاگین Tooltipster

اگر دنبال یک پلاگین کم حجم تر برای ایجاد تولتیپ می گردید، پلاگین Hint.css بهترین گزینه برای شما خواهد بود.

 

 

۵۰- پلاگین Toolbar.js:

برای نمایش یک باکس پاپ آپ زیبا که بصورت تولبار (نوار ابزار:toolbar) باشد، می توانید از پلاگین Toolbar.js استفاده کنید.

پلاگین Toolbar.js

اکشن ها و آیکون های آنها (مانند edit و remove و…) قابل ویرایش و حذف و اضافه می باشند. این پلاگین بخصوص در برنامه های موبایل که فضای کمتری برای نمایش دارند بسیار مفید می باشد.

 

 

۵۱- پلاگین gmaps.js:

پلاگین پنجاه و یکم را بعنوان هدیه به شما کاربران عزیز در نظر گرفته ایم!

پلاگین gmaps.js یک پلاگین مفید و قدرتمند جی کوئری می باشد که کار با نقشه گوگل (Google Map) را به مراتب آسان می کند.

پلاگین gmaps.js

امکاناتی نظیر لیست زیر را خواهیم داشت:

  • قراردادن علامت (marker) بر روی نقشه در محل دلخواه
  • کنترل زوم روی نقشه (zoomin و zoomout)
  • تعیین مختصات روی نقشه (coordinate)
  • منتظر رویداد بودن (listen to events)
  • و…

تمام ویژگی های فوق را می توان در اسکریپت جی کوئری تعریف کرد.

سری آموزشی پلاگین های مفید جی کوئری در اینجا به پایان می رسد. از همراهی شما سپاسگذارم. در صورتی که پلاگین مفیدی را می شناسید که جایش در بین ۵۰ پلاگین معرفی شده خالی است، لطفا به ما اطلاع دهید…


برچسب‌ها:

پلاگین chart.jsپلاگین gmaps.jsپلاگین Hook.jsپلاگین PercentageLoaderپلاگین Toolbar.jsپلاگین Tooltipsterپلاگین جی کوئریپلاگین گوناگون


دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

10 + هفده =