‏Snap.svg - کتابخانه JavaScript برای گرافیک SVG
کتابخانه JavaScript Snap.svg کار با SVG را به آسانی jQuery برای DOM تبدیل می‌کند. Snap.svg برای مرورگرهای مدرن طراحی شده است و به همین دلیل از جدیدترین قابلیت‌های SVG مانند ماسک‌گذاری، برش، گرادیان کامل، گروه‌ها و موارد دیگر پشتیبانی می‌کند.


#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript

‏Embla Carousel - کتابخانه JS سبک برای ایجاد Carousel
Embla Carousel یک کتابخانه JavaScript سبک و بدون وابستگی است که به شما کمک می‌کند تا به آسانی Carousel زیبا و تعاملی ایجاد کنید. این کتابخانه دارای API و پلاگین‌های به راحتی قابل‌گسترش است و می‌تواند به شما در حل پیچیده‌ترین مشکلات مربوط به ایجاد Carousel کمک کند. Embla Carousel در تمام مرورگرهای مدرن به خوبی کار می‌کند.

#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript

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

🔗https://www.figma.com/design/GSnbPCsdixiq2KQxAvdhxh/3%2C800%2B-Free-Icons---Open-Source-Figma-Icon-Library-(Community)?node-id=0-1

🔗 https://www.figma.com/design/qri3jAHmUrPi9R8DD74hUO/3000%2B-Customizable-Icon-Pack-(Community)?node-id=0-1

#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript

نوار پایین متحرک
مجموعه‌ای از نوارهای پایین متحرک که با استفاده از CSS و JavaScript پیاده‌سازی شده‌اند.

🔗https://codepen.io/chrisbautista/pen/NWXjqLN

#️⃣#code
👥@IR_javascript_group
🆔@IR_javascript

راهنمای کوچک TypeScript - برای توسعه‌دهندگان فرانت‌اند

#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript

«مَوْتٌ فِى عِزّ خَيْرٌ مِنْ حَيَاةٍ فِى ذُلّ».

امام حسين (ع) فرمود: «مرگ با عزت برتر از زندگى با ذلّت است».

(بحار الانوار، ج 44 ص 192 ح4 )

#️⃣#event
👥@IR_javascript_group
🆔@IR_javascript

آیا به دنبال الگوهای طراحی برای یک مشکل خاص هستید؟
این سایت در مورد الگوهای طراحی برای برنامه‌های وب است.
در دنیای توسعه نرم‌افزار، الگوهای طراحی راه‌حل‌های قابل استفاده مجدد برای مشکلات رایج هستند. این سایت مجموعه‌ای از الگوها را برای اهداف مختلف، از جمله JavaScript، React و Vue.js ارائه می‌دهد.
الگوهای طراحی باید بر اساس مشکل خاصی که شما سعی در حل آن دارید انتخاب شوند.
🔗https://www.patterns.dev/
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript

مجموعه بزرگی از اجزای رابط کاربری در قالب HTML / CSS برای الهام گرفتن

🔗https://uiverse.io/
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript

در Chrome Dev Tools می‌توانیم عناوین پاسخ‌ها را بازنشانی کنیم، که می‌تواند برای رفع خطاهای CORS به صورت محلی تا زمانی که در سطح سرور اصلاح شوند، مفید باشد.

#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript

‏es-toolkit یک کتابخانه‌ی جاوا اسکریپت مدرن است که مجموعه‌ای از توابع قدرتمند برای استفاده روزمره ارائه می‌دهد.

در مقایسه با گزینه‌های جایگزین مانند lodash، es-toolkit دارای اندازه‌ی بسته‌ی بسیار کوچک‌تر (تا ۹۷٪ کمتر) و عملکرد زمان اجرای ۲ تا ۳ برابر سریع‌تر است. این دستاورد از طریق پیاده‌سازی مدرن با استفاده از آخرین ویژگی‌های جاوا اسکریپت حاصل شده است.

es-toolkit با انواع داده‌ای TypeScript داخلی همراه است و به طور کامل آزمایش شده است.

🔗https://es-toolkit.slash.page/intro.html
#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript

‏<center> برچسبی است که محتوای درون آن را در مرکز صفحه قرار می دهد.

کد:

 <center>Frontend Developer</center>

#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript

تفاوت بین auto-fill و auto-fit در CSS Grid
در CSS Grid، auto-fill و auto-fit دو ویژگی برای تعیین نحوه توزیع ستون‌ها در یک ردیف هستند. در حالی که هر دو برای پر کردن فضای موجود استفاده می‌شوند، تفاوت‌های ظریفی در نحوه عملکرد آنها وجود دارد.

#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript