0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

معرفی مهم ترین و برترین افزونه جی کوئری

نویسنده پشتیبانی وب یار
امتیاز مطلب
Rate this post
تعداد بازدید 1095
تاریخ بروزرسانی ۹ فروردین ۱۴۰۱

در این مقاله قصد داریم شما را با 20 تا از بهترین افزونه جی کوئری آشنا کنیم. این افزونه ها به شما در صرفه جویی در زمان و تلاش کمک خواهند کرد.این افزونه ها عبارتند از:

  • پشتیبانی از چت اجتماعی CZM
  • پخش کننده ویدئو RTO+P
  • Muuri
  • Timeline
  • Titled page scroll
  • Focuspoint
  • SVGMagic
  • Face Detection
  • Round Slider
  • jInvertScroll
  • Slinky
  • TwentyTwenty
  • Material design hierarchical display
  • Tabslet
  • nanogallery2
  • Tooltipster
  • Magnific
  • jQuery Knob
  • Type Ahead
  • Lettering.js

 

ده ها هزار پلاگین jQuery برای کتابخانه jQuery نوشته شده است که می توانند در زمان و تلاش شما برای افزودن قابلیت به وب سایت ها صرفه جویی کنند. کتابخانه jQuery که در سال 2006 توسط John Resig ایجاد شد، یکی از محبوب ترین کتابخانه های جاوا اسکریپت و منبعی فوق العاده برای توسعه سریع تعاملات کاربر است.

 

از گالری ‌های تصویر و فرم‌ها گرفته تا انیمیشن‌های CSS ، این کتابخانه بلوک‌های اصلی را فراهم می‌کند تا بتوانید به سرعت یک رابط کاربری منحصربه ‌فرد را با حداقل کد و تلاش، نمونه‌سازی و ارائه دهید.

پلاگین های پرکاربرد و برتر jQuery

  1. پشتیبانی از چت اجتماعی CZM

با استفاده از این افزونه jQuery پشتیبانی چت اجتماعی، می‌توانید به سرعت از حساب‌های اجتماعی نامحدود، از جمله واتساپ، مسنجر، اسکایپ، توییتر، تلگرام و اینستاگرام پشتیبانی کنید. تنظیم آن آسان است و می توانید دکمه ها را به دلخواه شخصی سازی کنید. برخلاف بسیاری از افزونه های این لیست، این افزونه رایگان نیست. دانلود آن 14 دلار هزینه دارد.

  1. پخش کننده ویدیو RTO+P

این پلاگین جی کوئری ساختن و سفارشی کردن پخش کننده ویدیوی خود را آسان می کند و ویدیوها را از سرور یا CDN خود یا از یک جریان عمومی Vimeo می گیرد. از تگ ویدیوی HTML5 برای آسان کردن زندگی استفاده کنید یا برای عملکرد بهتر می توانید از گزینه Lazy load استفاده کنید.

  1. Muuri

پلاگین منبع باز jQuery Niklas Rämö Muuri یکی از بهترین ها برای ایجاد طرح بندی های انعطاف پذیر است. سیستم چیدمان آن شما را قادر می‌سازد تا اقلام شبکه‌ای با اندازه‌های مختلف را به هر شکلی که قابل تصور باشد در یک ظرف قرار دهید.

  1. Timeline

Timeline.js همه چیزهایی را که برای ایجاد یک جدول زمانی نیاز دارید در اختیار شما قرار می دهد یعنی یک نوار زمانی که بر اساس نقاط زمانی پیشرفت می کند. این پلاگین تعداد زیادی گزینه های شخصی سازی بصری و کاربردی دارد که به لطف دستورالعمل های دقیق استفاده از آن بسیار ساده است.

  1. Tilted page scroll

این افزونه از یک افزونه های عالی جی کوئری برای جلب توجه و افزودن عمق بیشتر به سایت شما است. آیتم‌ها در حین پیمایش به سمت بالا کج می‌شوند. و وقتی در بالای صفحه به سمت بیرون حرکت می‌کنند، دوباره کج می‌شوند. این یک جلوه ی عالی است!

 

افزونه های جی کوئری

 

  1. Focuspoint

طراحی وب ریسپانسیو به این معنی است که می توانیم یک صفحه واحد ایجاد کنیم تا در هر دستگاهی زیبا به نظر برسد. با این حال، اگر سایت شما به ‌طور خودکار تصاویر را متناسب با دستگاه ها برش می‌دهد، ممکن است نقطه کانونی را از دست بدهد. با Focuspoint

می توانید مطمئن شوید که تصویر شما در هر ظرفی عالی به نظر می رسد و به شما امکان می دهد یک نقطه کانونی برای هر تصویر مشخص کنید. این افزونه اطمینان حاصل می کند که هنگام برش تصویر، بیت های مهم حفظ می شوند.

  1. SVGMagic

استفاده از فایل های SVG تضمین می کند که تصاویر در هر اندازه ای واضح به نظر می رسند. این افزونه به شما کمک می کند تا بدون نگرانی در مورد مرورگرهایی که از این فرمت پشتیبانی نمی کنند، این کار را انجام دهید. تصاویر SVG را جستجو می کند و اگر SVG پشتیبانی نمی شود آنها را با نسخه های PNG جایگزین می کند.

  1. Face Detection

این پلاگین جی کوئری با شناسایی و ارائه مختصات چهره انسان در تصاویرو فیلم ها استفاده از برخی فناوری های قدرتمند را آسان می کند. این افزونه که توسط Jay Salvat نوشته شده است از الگوریتم تشخیص چهره لیو لیو استفاده می کند.

  1. Round Slider

این افزونه جی کوئری دایره ای به شما امکان می دهد با حرکت مکان نما روی دایره، محدوده ای از مقادیر را انتخاب کنید. نوار لغزنده کامل پیش‌فرض است، اما می‌توانید از آن برای دریافت شکل‌های ربع دایره و نیم‌دایره نیز استفاده کنید. سبک‌های CSS وجود دارد که می‌توانید آن‌ها را برای ایجاد تم ‌های مختلف تنظیم کنید .

  1. jInvertScroll

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

  1. Slinky

طراحی‌ های منو می ‌توانند از مد بیفتند و از بین بروند. اما Slinky یک طراحی زیبا و جاودانه منو ارائه می‌کند که برای هر موقعیتی که زیر منوهای زیادی دارید مفید است.

  1. TwentyTwenty

به جای قرار دادن دو تصویر در کنار هم برای نشان دادن تفاوت بین عکس های قبل و بعد، می توانید از پلاگین TwentyTwenty ZURB برای قرار دادن یکی روی دیگری استفاده کنید. کاربر اسکرول  را می کشد تا تصویر پایین از طریق تصویر بالا نشان داده شود و به او امکان می دهد که ببیند چه چیزی تغییر کرده است.

  1. Material design hierarchical display

Material design hierarchical display می تواند به هدایت توجه کاربر و هدایت آن ها از یک نقطه به نقطه دیگر در یک فرآیند کمک کند. این افزونه به شما این امکان را می دهد که انیمیشن را متناسب با طراحی خود شخصی سازی کنید.

  1. Tabslet

همانطور که از نام آن پیداست، Tabslet یک افزونه سبک وزن برای ساخت تب است. از کنترل های بعدی/قبلی، چرخش، رویدادهای سفارشی، پیوند عمیق و بسیاری از قابلیت های مفید دیگر پشتیبانی می کند.

  1. nanogallery2

nanogallery2 که برای ساده ‌سازی گالری‌های تصاویر شما طراحی شده است، پیمایش چند سطحی را در آلبوم‌ها، لایت‌باکس‌ها، جلوه‌های شناور ترکیبی روی تصاویر کوچک، نمایش‌های اسلاید، صفحه‌بندی و بارگذاری تصویر ارائه می‌دهد. این قابلیت پاسخگو و سریع است و از فضای ذخیره سازی ابری پشتیبانی می کند. نسخه 2 تجربه کاربری بهتر و ویژگی‌های جدیدی مانند فیلتر بر اساس کلمات کلیدی، سبد خرید، اشتراک‌ گذاری اجتماعی، جلوه‌ های شناور پیشرفته، انتقال تصویر کوچک و صفحه اطلاعات با موقعیت مکانی Google Maps را ارائه می‌دهد.

  1. Tooltipster

این پلاگین jQuery برداشتی مدرن از راهنمای کلاسیک است که به شما امکان می دهد ابزار فعال شده با HTML را در نشانه گذاری معنایی با CSS برای کنترل نمایشگر ارائه دهید. Tooltipster طیف گسترده ای از گزینه های پیکربندی را ارائه می دهد، بنابراین می توانید آن را برای هر نیازی سفارشی سازی کنید.

  1. Magnific Popup

این پلاگین لایت باکس برای jQuery بر سبک بودن و سازگاری تا حد امکان تمرکز دارد. توسعه ‌دهنده روی عملکرد و تجربه کاربر تمرکز کرده است، بنابراین تمام ویژگی‌های برخی از پلاگین‌های لایت باکس را ندارد. اما فوق‌العاده سریع است و در طیف وسیعی از دستگاه‌ها، از جمله دستگاه‌های با DPI بالا  مانند مک ‌بوک، بدون نقص کار می‌کند.

  1. jQuery Knob

jQuery Knob عناصر ورودی را به شماره گیری های لمسی تبدیل می کند که روی دسکتاپ نیز کار می کنند.

  1. Type Ahead

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

 

افزونه های جی کوئری

 

  1. Lettering.js

Lettering.js به شما این امکان را می دهد که کنترل دانه ای بر روی کاراکترهای فردی در نوع خود به دست آورید، به شما این امکان را می دهد که هسته گذاری را اعمال کنید، حروف جداگانه را رنگ کنید و شنوندگان رویداد را اعمال کنید. همچنین با FitText (در زیر) به خوبی بازی می‌کند، و به شما امکان می‌دهد تا به سبک دسکتاپ کنترل تایپوگرافی خود را داشته باشید و در عین حال پاسخگو باشید.

21. FitText

این یکی از افزونه های مفید جی کوئری است که برای تسهیل سرفصل های پاسخگو طراحی شده است. این به شما امکان می‌ دهد تایپ را برای پر کردن عرض ظرف تنظیم کنید، و به‌طور خودکار اندازه متن را متناسب با آن بزرگ یا کوچک کنید. این افزونه همچنین با Lettering.js ادغام می شود تا یک ظاهر طراحی دانه ای را برای هر کاراکتر فعال کند.

 

افزونه های جی کوئری

 

پلاگین های جی کوئری ( jQuery Plugins )

در این مقاله تعدادی از افزونه های جی کوئری را برای شما توضیح دادیم. برای اطلاعات بیشتر در رابطه با کتابخانه ی جی کوئری و انواع متد های آن مانند متد Before , متد data , متد offset و … به بخش بلاگ سایت وب یار مراجعه نمایید.

برای آگاهی از آخرین اخبار و تخفیف های مجموعه در شبکه مجازی اینستاگرام ما را همراهی کنید.

Rate this post
مطالب مرتبط
با گوشی موبایل چگونه وب سایت بسازیم؟
مطالعه :

روزبه‌روز به تعداد افرادی که با استفاده از دستگاه موبایل خود وب را مرور می‌کنند افزوده می‌شود، از این رو ساخت و طراحی کردن سایت‌هایی که برای مرورگرهای موبایل هستند نسبت به گذشته از اهمیت چندانی برخودار شده‌است. در این مقاله قصد داریم به شما عزیزان نحوه ساخت وب‌سایت با گوشی را آموزش بدهیم. ساخت وب سایت با اپلیکیشن با پیشرفت روزافزون تکنولوژی، اپلیکیشن‌های گوشی هوشمند نیز از این قافله عقب نمانده و یک قدم فراتر برداشته‌اند. آن‌ها این امکان را به افراد می‌دهند تا بتوانند از طریق گوشی و تبلت خود به ساخت و ویرایش یک وب‌سایت بپردازند. اگر شما به دنبال تبلیغات و ایجاد یک کسب‌وکار هستید، ساخت و داشتن یک وب‌سایت ضروری است. این امکانی است اپلیکیشن‌ها در اختیار کاربران گذاشته‌اند تا با استفاده از آن‌ها بتوانند به راحتی وب‌سایت مورد نظر خود را بسازند. برخی از این اپلیکشین‌ها عبارت‌اند از: ۱.اپلیکیشن Milkshake اگر در ساخت وب‌سایت عجله دارید، به شما استفاده از اپلیکیشن Milkshake را پیشنهاد می‌کنیم. این اپلیکشین یک وب‌سایت ساز فوری است که این امکان را به شما می‌دهد تا در چند دقیقه بتوانید یک وب‌سایت برای خودتان بسازید. برای ساخت وب‌‌سایت با گوشی با استفاده از این اپلیکیشن لازم است ابتدا یک طرح را انتخاب کنید، سپس اطلاعات خود را وارد نموده و در آخر لینک‌ها را پیوست نمایید. این اپلیکشین به دلیل […]

building-a-free-foreign-site
مطالعه :

ساخت سایت رایگان خارجی یکی از دغدغه‌های مهم افراد برای پیشبرد اهداف کاری است. در واقع ایجاد سایت توسط شرکت‌های معتبر، هزینه‌های زیادی در بر دارد، به همین دلیل است که افراد تلاش می‌کنند از طریق یادگیری نحوه ایجاد سایت به صورت رایگان و یا کمک گرقفتن از شرکت‌هایی که اقدام به ساخت سایت رایگان می‌کنند، این هزینه‌ها را برای خود به میزان قابل توجهی کاهش دهند. اما برای انجام این کار چه باید کرد؟ به طور کلی در فضای اینترنت آموزش‌های مختلفی برای این منظور ارائه شده است که مشاهده آن‌ها می‌تواند تا حد زیادی به شما برای این منظور کمک کند، اما راهنمایی گرفتن از شرکت‌های فعال طراحی سایت در این امر نیز یک مسئله ضروری است. در وهله اول لازم است که شما نوع سایتی را که می‌خواهید ایجاد کنید، انتخاب کنید. پس از آن یک قالب را به صورت سفارشی تعیین کنید و کار را آغاز کنید. برای ساخت سایت رایگان به چه چیزهایی نیاز است؟ ابتدا باید به دنبال یک سازنده سایت باشید، در واقع چنین شرکت‌هایی این امکان را به شما می‌دهند که پس از ساخت سایت، در فضای اینترنت جایگاه مناسبی برای خود به دست آورید. البته در هنگام تلاش برای کمک گرفتن از یک شرکت معتبر و باتجربه در این زمینه، حتما به چند نکته از جمله داشتن نمونه کار معتبر، داشتن […]

مزیت ساخت سایت در اصفهان برای کسب و کار‌ها
مطالعه :

طراحی وب‌سایت به ساخت، راه‌اندازی و دیزاین صفحات وب گفته می‌شود که در ادامه با مزیت ساخت سایت در اصفهان آشنا می شویم. وب‌سایت‌ها با استفاده از زبان کد‌نویسی طراحی می‌شوند. اما امروزه با پیشرفت فناوری، توانایی‌ها و ویژگی‌های برنامه‌های ساخت وب‌سایت‌ها افزایش یافته و کار را برای برنامه‌نویسان و طراحان وب آسان‌تر کرده است. با توسعه فناوری و استفاده روز افزون مردم از تکنولوژی‌های پیشرفته و همینطور تاثیر شیوع کرونا، باعث شد تا مردم نیاز‌های خود را به صورت آنلاین و حضوری برطرف کنند. همینطور اکثر شرکت‌ها و حتی فروشگاه‌ها کلیه خدمات خود را به صورت اینترنتی در اختیار کاربران و مشتریان خود قرار می‌دهند. از این رو وب‌سایت‌ها اهمیت بسیار زیادی دارند. وب‌سایت‌ها انواع مختلفی از جمله وب‌سایت‌های فروشگاهی، شرکتی، خدماتی و… دارند. طراحی یک وب‌سایت حرفه‌ای می‌تواند شما را در جذب مشتری در اصفهان و شهر‌های دیگر کمک کند، مشتریانی که هم می‌توانند توریست باشند و هم از افراد خود اصفهان. طراحی یک وب‌سایت به خدماتی بستگی دارد که افراد می‌توانند به مشتریان خود ارائه دهند. افراد با طراحی یک وب‌سایت می‌تواند محصولات و یا خدمات خود را به همه مردم ایران و یا حتی جهان معرفی کنند. این خدمات می‌تواند خدمات فروشگاهی و راهبردی باشند. از این رو انتخاب شرکتی که بهترین و به روزترین خدمات ساخته وب‌سایت در اصفهان برای طراحی انواع وب‌سایت‌های تجاری را […]

معرفی شبکه های اجتماعی محبوب
مطالعه :

دنیای امروزه دنیای ارتباطات می باشد واهمیت رسانه ها بیشتر از همیشه احساس می شود. شبکه های اجتماعی با هدف ارتباط گرفتن افراد به وجود آمد و امروزه برای تبلیغات کسب و کارها بسیار مهم تلقی می شود. درعصر ارتباطات اغلب کسب وکارها برای پیشرفت زمینه ی شغلی خود به سمت تبلیغات در شبکه های اجتماعی روی آورده اند.شبکه های اجتماعی محبوب در اطلاع رسانی برای خبرهای روزانه نقش بسیار مهمی را ایفا می کنند. با وب یار همراه باشید تا با بهترین شبکه های اجتماعی در ایران آشنا شویم. در جامعه ی امروزی شبکه های اجتماعی جزئی از زندگی مردم شده که برای تبلیغات ،اطلاع رسانی ها و آموزش و…از این شبکه ها بهره می برند.باتوجه به همگانی شدن شبکه های اجتماعی بین مردم لازم است که در مورد هر کدام از این شبکه ها اطلاعاتی کسب کنیم تا از جوامع امروز عقب نمانیم. تاریخچه مختصری در مورد شبکه های اجتماعی : ریشه شکل گرفتن مفهوم شبکه های اجتماعی در سال 1960در دانشگاه ایلی نویز در آمریکا بود.و بعد از روی کار آمدن مفهوم شبکه های اجتماعی در سال 1997سایتی تشکیل شد که اجازه ایجاد پروفایل به افرادمختلف را داد هدف این سایت جمع کردن لیستی از دوستان در کنار هم بود و بعد از آن هم شبکه های اجتماعی مختلفی با اهداف متنوع روی کار آمد. در سال […]

طراحی قالب وردپرس
مطالعه :

طراحی قالب وردپرس امروزه طرفداران زیادی پیدا کرده است. وردپرس یک سیستم مدیریت محتوای قوی است که می توان با آن قالب های زیبایی طراحی کرد. در مطلب امروز وب یار می خواهیم با نحوه طراحی قالب وردپرس آشنا شویم. بیشتر سایت های دنیای وب امروزی با این سیستم مدیریت طراحی می شودو بازار کار خوبی دارد به ویژه اگر این قالب مختص کسب وکار شما باشد و با توجه به نیاز ها و سلایق شما طراحی شده باشد در این صورت است که علاوه برتکراری نبودن پاسخگوی نیازهای مجموعه شما می باشد. بررسی انواع قالب سایت قالب سایت چیست؟ ابتدا بهتر است کمی به تاریخچه آن بپردازیم. در آغاز قرن جاری و در زمانی که اینترنت هنوز در ابتدای راه خود بود، صفحات سایت‌ها به شکل ساده‌ای طراحی می‌شدند که از چند متن ساده، چند باکس رنگارنگ و شاید یک یا دو تصویر تشکیل شده بودند. تنها افرادی که دارای صفحات وب بودند، کسانی بودند که تخصص فنی در اچ‌تی‌ام‌‌ال برای ساختن یک صفحه سایت را داشتند یا می‌توانستند هزینه انجام این کار را به افرادی که این کار را می‌کردند، پرداخت کنند. اما از آن زمان تاکنون تغییرات زیادی صورت گرفته است و اکنون پلتفرم‌های آنلاین زیادی وجود دارند که به افرادی که تجربه طراحی یا برنامه‌نویسی نسبتا کمی دارند، توانایی اجرای یک وب‌سایت کاملاً کارآمد را می‌دهند. […]

ساخت نرم افزار بدون کد نویسی
مطالعه :

ساخت نرم افزار بدون کد نویسی و با استفاده از کدنویسی انجام می‌شود. در این مقاله از وب یار قصد داریم تا به چگونگی ساخت نرم افزار تحت ویندوز بدون کد نویسی و مزایای آن نسبت به روش‌های قدیمی بپردازیم. با پیشرفت تکنولوژی بستر استفاده از موبایل‌ها و کامپیوترها گسترده‌تر شده است، زیرا روز به روز به تعداد کاربران آن‌ها افزوده میشود. اگر شما نیز ایده‌ای برای تولید نرم افزار و سرویس‌دهی در این بستر را دارید، بهتر است هر چه سریعتر دست به کار شوید و از این فضا که پتانسیل بالایی دارد برای کسب درآمد استفاده کنید. ساخت نرم افزار بدون کد نویسی چگونه ممکن است؟ این روزها دیگر نیاز نیست تا پروسه‌ی طولانی آموزش برنامه نویسی را طی کنید تا بتوانید به ساخت نرم افزارها بپردازید. در گذشته اگر قصد ساخت برنامه‌ای را داشتید باید ساعت‌ها زمان صرف می‌کردید تا با استفاده از کدها دستور العمل‌هایی را برای برنامه تعریف کنید تا عملکرد درستی داشته باشد. همچنین پس از تعریف آن دستور العمل‌ها باید مراحل آزمون و خطا را طی می‌کردید تا به اصطلاح برنامه‌ای که ساخته‌ای را باگ گیری (اشکال‌گیری) کنید. اما دیگر ساخت نرم افزار بدون کد نویسی یک رویا نیست! متخصصان نرم افزارهای زیادی را به عنوان ابزارهای کمکی طراحی کرده‌اند تا کاربران بتوانند بدون نوشتن حتی یک خط کد، نرم افزار ایده‌آل خود […]

دیدگاه ها

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

نشانی ایمیل شما منتشر نخواهد شد.