#کتابخانه Sortable.js📒
➖➖➖➖➖
کتابخانه Sortable.js
یک کتابخانه جاوااسکریپت متن باز است که به برنامه نویسان اجازه میدهد عناصر را به سادگی مرتب کنند و جابجا کنند. این کتابخانه توسط
➖➖➖➖➖
ویژگیهای Sortable.js🎈:
1️⃣ سادگی در استفاده:
استفاده از Sortable.js بسیار ساده است.
با اضافه کردن کلاسهای مشخص به عناصر HTML، میتوانید آنها را قابل مرتبسازی و جابجایی کنید.
2️⃣ قابلیت جابجایی بین لیستها:
با استفاده از Sortable.js، میتوانید عناصر را بین لیستهای مختلف جابجا کنید.
3️⃣ پشتیبانی از لمسی:
کتابخانه Sortable.js به طور کامل از حرکات لمسی پشتیبانی میکند. این به کاربران اجازه میدهد عناصر را با حرکات لمسی روی صفحه مرتب کنند.
4️⃣ قابلیت تنظیمات پیشرفته:
برنامه نویسان میتوانند روند مرتبسازی را با استفاده از رویدادها(event) و توابع(function) مختلف تغییر دهند.
5️⃣ سبک بودن:
کتابخانه Sortable.js کتابخانهای سبک است و به طور کامل با سایر کتابخانهها و فریمورکها سازگار است.
Sortable.js Page🚀:
https://sortablejs.github.io/Sortable
Channel🚦: T.me/coderna_js
➖➖➖➖➖
کتابخانه Sortable.js
یک کتابخانه جاوااسکریپت متن باز است که به برنامه نویسان اجازه میدهد عناصر را به سادگی مرتب کنند و جابجا کنند. این کتابخانه توسط
RubaXa توسعه داده شده است.➖➖➖➖➖
ویژگیهای Sortable.js🎈:
1️⃣ سادگی در استفاده:
استفاده از Sortable.js بسیار ساده است.
با اضافه کردن کلاسهای مشخص به عناصر HTML، میتوانید آنها را قابل مرتبسازی و جابجایی کنید.
2️⃣ قابلیت جابجایی بین لیستها:
با استفاده از Sortable.js، میتوانید عناصر را بین لیستهای مختلف جابجا کنید.
3️⃣ پشتیبانی از لمسی:
کتابخانه Sortable.js به طور کامل از حرکات لمسی پشتیبانی میکند. این به کاربران اجازه میدهد عناصر را با حرکات لمسی روی صفحه مرتب کنند.
4️⃣ قابلیت تنظیمات پیشرفته:
برنامه نویسان میتوانند روند مرتبسازی را با استفاده از رویدادها(event) و توابع(function) مختلف تغییر دهند.
5️⃣ سبک بودن:
کتابخانه Sortable.js کتابخانهای سبک است و به طور کامل با سایر کتابخانهها و فریمورکها سازگار است.
Sortable.js Page🚀:
https://sortablejs.github.io/Sortable
Channel🚦: T.me/coderna_js
👍11
Media is too big
VIEW IN TELEGRAM
#آموزش استفاده از کتابخانه ی Sortable.js 🎯
✅ بررسی کاربرد کتابخانه
✅ بررسی ویژگی های مهم
✅ درک مفهوم چند آپشن مهم
اگر که این نوع محتوا برای شما مفید بود، مطالب رو به اشتراک بزارید⚠️
🎲 @coderna_js
✅ بررسی کاربرد کتابخانه
✅ بررسی ویژگی های مهم
✅ درک مفهوم چند آپشن مهم
اگر که این نوع محتوا برای شما مفید بود، مطالب رو به اشتراک بزارید⚠️
🎲 @coderna_js
👍6
Drag & Drop.zip
15.1 KB
#سورس کد Drag & Drop🎈
🔸سورس مرتب سازی عناصر || Drag & Drop
🔹شماره سورس: 1
🔸پلتفرم : Mobile / Web
♦️تکنولوژی استفاده شده :
Html — Css — Sortable.js Library
✅ این سورس کد به صورت مستقیم از گیت هاب BedimCode دانلود و در اختیار شما قرار داده شده
🎲 @coderna_js
🔸سورس مرتب سازی عناصر || Drag & Drop
🔹شماره سورس: 1
🔸پلتفرم : Mobile / Web
♦️تکنولوژی استفاده شده :
Html — Css — Sortable.js Library
✅ این سورس کد به صورت مستقیم از گیت هاب BedimCode دانلود و در اختیار شما قرار داده شده
🎲 @coderna_js
👍7
#کتابخانه Splide js📗
➖➖➖➖➖
کتابخانه Splide.js یک کتابخانه جاوااسکریپت متن باز برای ساخت اسلایدرهای قدرتمند و جذاب است. این کتابخانه توسط
➖➖➖➖➖
ویژگیهای Splide js🎈:
1️⃣ انعطاف پذیری:
از تنظیمات متنوعی برای شخصیسازی اسلایدر پشتیبانی میکند. میتوانید شکل، رنگ، افکتها و خصوصیات دیگر اسلایدر را به دلخواه خود تغییر دهید.
2️⃣ آپشن های زیاد:
این کتابخانه به شما آپشن های زیادی برای طراحی اسلایدر مورد نظر ارائه میکند.
3️⃣ پشتیبانی از لمسی:
کتابخانه Splide js به طور کامل از حرکات لمسی پشتیبانی میکند. این به کاربران اجازه میدهد اسلایدر هارا بدون نیاز به دکمه جلو و عقب نیز طراحی کنیم.
5️⃣ سبک بودن:
کتابخانه Splide js کتابخانهای سبک است و به طور کامل با سایر کتابخانهها و فریمورکها سازگار است.
Splide.js Website🚀:
https://splidejs.com/
Channel🚦: T.me/coderna_js
➖➖➖➖➖
کتابخانه Splide.js یک کتابخانه جاوااسکریپت متن باز برای ساخت اسلایدرهای قدرتمند و جذاب است. این کتابخانه توسط
Naotoshi Fujita توسعه داده شده است➖➖➖➖➖
ویژگیهای Splide js🎈:
1️⃣ انعطاف پذیری:
از تنظیمات متنوعی برای شخصیسازی اسلایدر پشتیبانی میکند. میتوانید شکل، رنگ، افکتها و خصوصیات دیگر اسلایدر را به دلخواه خود تغییر دهید.
2️⃣ آپشن های زیاد:
این کتابخانه به شما آپشن های زیادی برای طراحی اسلایدر مورد نظر ارائه میکند.
3️⃣ پشتیبانی از لمسی:
کتابخانه Splide js به طور کامل از حرکات لمسی پشتیبانی میکند. این به کاربران اجازه میدهد اسلایدر هارا بدون نیاز به دکمه جلو و عقب نیز طراحی کنیم.
5️⃣ سبک بودن:
کتابخانه Splide js کتابخانهای سبک است و به طور کامل با سایر کتابخانهها و فریمورکها سازگار است.
Splide.js Website🚀:
https://splidejs.com/
Channel🚦: T.me/coderna_js
👍8
Media is too big
VIEW IN TELEGRAM
#آموزش استفاده از کتابخانه ی Splide.js 🎯
✅ اعداد فارسی در js
✅ ترفند استفاده به صورت rtl
✅ درک مفهوم چند آپشن مهم
✅ توضیحات کامل
اگر که این نوع محتوا برای شما مفید بود، مطالب رو به اشتراک بزارید⚠️
🎲 @coderna_js
✅ اعداد فارسی در js
✅ ترفند استفاده به صورت rtl
✅ درک مفهوم چند آپشن مهم
✅ توضیحات کامل
اگر که این نوع محتوا برای شما مفید بود، مطالب رو به اشتراک بزارید⚠️
🎲 @coderna_js
👍13👎3
Splide.js.zip
589.2 KB
#سورس کد Slider with Splide.js🎈
🔸سورس اسلایدر با کتابخانه Splide
🔹شماره سورس: 2
🔸پلتفرم : Mobile / Web
♦️تکنولوژی استفاده شده :
Html — Css — js — Splide.js
✅ این سورس کد توسط کانال کُدرنا (@DevArshia) نوشته و منتشر شده است
🎲 @coderna_js
🔸سورس اسلایدر با کتابخانه Splide
🔹شماره سورس: 2
🔸پلتفرم : Mobile / Web
♦️تکنولوژی استفاده شده :
Html — Css — js — Splide.js
✅ این سورس کد توسط کانال کُدرنا (@DevArshia) نوشته و منتشر شده است
🎲 @coderna_js
👍12
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
#سورس کد Photo Editor🎈
🔸سورس ویرایشگر عکس
🔹شماره سورس: 3
🔸پلتفرم : Mobile / Web
♦️تکنولوژی استفاده شده :
Html — Css — js
✅ این سورس کد توسط کانال کُدرنا (@DevArshia) ادیت و منتشر شده است.
🎲 @coderna_js
🔸سورس ویرایشگر عکس
🔹شماره سورس: 3
🔸پلتفرم : Mobile / Web
♦️تکنولوژی استفاده شده :
Html — Css — js
✅ این سورس کد توسط کانال کُدرنا (@DevArshia) ادیت و منتشر شده است.
🎲 @coderna_js
👍11