🌀 کتابخانه GSAP 🌀
کتابخانه GSAP یک کتابخانه جاوا اسکریپت است که برنامهنویسان فرانتاند و طراحان را قادر میسازد تا انیمیشن های قدرتمند بر پایه جدول زمانی بسازند.
این کتابخانه اجازه کنترل دقیقتر بر روی سکانس های انیمیشنها را نسبت به محدودیت های موجود در استفاده از ویژگی هایی مثل keyframe و animation موجود در CSS میدهد.
هر چیزی که در مرورگر وب مشاهده میکنید میتواند با کتابخانه GSAP متحرک شود.
💎 Channel : @Developix 💎
کتابخانه GSAP یک کتابخانه جاوا اسکریپت است که برنامهنویسان فرانتاند و طراحان را قادر میسازد تا انیمیشن های قدرتمند بر پایه جدول زمانی بسازند.
این کتابخانه اجازه کنترل دقیقتر بر روی سکانس های انیمیشنها را نسبت به محدودیت های موجود در استفاده از ویژگی هایی مثل keyframe و animation موجود در CSS میدهد.
هر چیزی که در مرورگر وب مشاهده میکنید میتواند با کتابخانه GSAP متحرک شود.
💎 Channel : @Developix 💎
🌀 تکنیک AJAX 🌀
ایجکس یا همان AJAX مخفف عبارت انگلیسی نسبتا طولانی Asynchronous JavaScript And XML میباشد که به معنی جاوا اسکریپت و XML غیرهمگام است.
تکنیک AJAX به معنی ارسال درخواست های HTTP از قبیل GET و POST و ... به آدرس های مختلف و دریافت و نمایش اطلاعات جدید، بدون رفرش شدن یا بارگذاری مجدد صفحه یا صفحه جدید است.
از جمله ویژگی های ایجکس این است که بهصورت Async یا غیرهمگام ارسال میشود، این مورد به این معنی است که درخواست های AJAX باعث Blocking اجرای کد تا زمان برگشت پاسخ نمیشوند، بلکه بهصورت Async عمل میکنند و بعد از دریافت پاسخ مناسب، نتیجه را به یک تابع Callback مشخص شده تحویل میدهند.
همچنین در روش AJAX، صفحه نیازی به رفرش شدن ندارد و عملا شما از پسزمینه سایت میتوانید درخواست HTTP ایجاد کنید.
💎 Channel : @Developix 💎
ایجکس یا همان AJAX مخفف عبارت انگلیسی نسبتا طولانی Asynchronous JavaScript And XML میباشد که به معنی جاوا اسکریپت و XML غیرهمگام است.
تکنیک AJAX به معنی ارسال درخواست های HTTP از قبیل GET و POST و ... به آدرس های مختلف و دریافت و نمایش اطلاعات جدید، بدون رفرش شدن یا بارگذاری مجدد صفحه یا صفحه جدید است.
از جمله ویژگی های ایجکس این است که بهصورت Async یا غیرهمگام ارسال میشود، این مورد به این معنی است که درخواست های AJAX باعث Blocking اجرای کد تا زمان برگشت پاسخ نمیشوند، بلکه بهصورت Async عمل میکنند و بعد از دریافت پاسخ مناسب، نتیجه را به یک تابع Callback مشخص شده تحویل میدهند.
همچنین در روش AJAX، صفحه نیازی به رفرش شدن ندارد و عملا شما از پسزمینه سایت میتوانید درخواست HTTP ایجاد کنید.
💎 Channel : @Developix 💎
🌀 کتابخانه Clipboard.js 🌀
بعضی مواقع لازم است کاربر متن یا کدی را از وبسایت کپی کند، در چنین مواقعی باید از روش سنتی استفاده کند و ابتدا متن را سلکت کرده و سپس کپی کند که این روش برای کاربر مشکل است.
در چنین مواردی میتوان از کتابخانه Clipboard.js استفاده کرد؛ با استفاده از کتابخانه Clipboard.js به راحتی و با استفاده از چند خط کد میتوان تعیین کرد با کلیک کاربر بر روی دکمهای یا هر رویداد دیگری متن مورد نظر در حافظه موقت کاربر کپی شود.
💎 Channel : @Developix 💎
بعضی مواقع لازم است کاربر متن یا کدی را از وبسایت کپی کند، در چنین مواقعی باید از روش سنتی استفاده کند و ابتدا متن را سلکت کرده و سپس کپی کند که این روش برای کاربر مشکل است.
در چنین مواردی میتوان از کتابخانه Clipboard.js استفاده کرد؛ با استفاده از کتابخانه Clipboard.js به راحتی و با استفاده از چند خط کد میتوان تعیین کرد با کلیک کاربر بر روی دکمهای یا هر رویداد دیگری متن مورد نظر در حافظه موقت کاربر کپی شود.
💎 Channel : @Developix 💎
🌀 کتابخانه ZXing 🌀
امروزه استفاده از بارکدها برای به دست آوردن اطلاعات محصول و سایر مشخصهها و ... خیلی رایج شده است، برای ایجاد بارکدخوان در اندروید میتوان از کتابخانه ZXing استفاده کرد.
کتابخانه ZXing یک کتابخانه بارکدخوان (Barcode Scanner) برای جاوا و اندروید میباشد که میتواند بارکدهای نوع 1D/2D را پردازش کند.
برای استفاده از این کتابخانه باید ورژن AppCompat بالای 23 و ورژن BuildTools بالای 27.0.3 باشد، در غیر این صورت ممکن است با خطای کامپایل مواجه شوید و همچنین داخل فایل Manifest نیز برای عملکرد بهتر باید ویژگی HardwareAccelerated را در بخش Application بر روی True تنظیم کنید.
💎 Channel : @Developix 💎
امروزه استفاده از بارکدها برای به دست آوردن اطلاعات محصول و سایر مشخصهها و ... خیلی رایج شده است، برای ایجاد بارکدخوان در اندروید میتوان از کتابخانه ZXing استفاده کرد.
کتابخانه ZXing یک کتابخانه بارکدخوان (Barcode Scanner) برای جاوا و اندروید میباشد که میتواند بارکدهای نوع 1D/2D را پردازش کند.
برای استفاده از این کتابخانه باید ورژن AppCompat بالای 23 و ورژن BuildTools بالای 27.0.3 باشد، در غیر این صورت ممکن است با خطای کامپایل مواجه شوید و همچنین داخل فایل Manifest نیز برای عملکرد بهتر باید ویژگی HardwareAccelerated را در بخش Application بر روی True تنظیم کنید.
💎 Channel : @Developix 💎
🌀 کتابخانه PDF.js 🌀
امروزه استفاده از فایل های PDF برای نشان دادن گزارش، اطلاعات، فاکتور و ... خیلی مرسوم شده است. و گاهی نیاز است در صفحه وب محتوای یک فایل PDF را به کاربر نشان دهیم.
در چنین مواقعی میتوان از کتابخانه PDF.js استفاده کرد که یک کتابخانه جاوا اسکریپت، برای رندر کردن فایل PDF با استفاده از Canvas در HTML5 است.
💎 Channel : @Developix 💎
امروزه استفاده از فایل های PDF برای نشان دادن گزارش، اطلاعات، فاکتور و ... خیلی مرسوم شده است. و گاهی نیاز است در صفحه وب محتوای یک فایل PDF را به کاربر نشان دهیم.
در چنین مواقعی میتوان از کتابخانه PDF.js استفاده کرد که یک کتابخانه جاوا اسکریپت، برای رندر کردن فایل PDF با استفاده از Canvas در HTML5 است.
💎 Channel : @Developix 💎
🌀 کتابخانه DropZone 🌀
یکی از قابلیت هایی که یک وبسایت میتواند داشته باشد امکان بارگذاری فایل است؛ برای این که کاربر با کشیدن و رها کردن فایل را آپلود کند راه های مختلفی وجود دارد که یکی از آنها استفاده از کتابخانه DropZone است.
کتابخانه DropZone یک کتابخانه متن باز جاوا اسکریپت است که به شما امکان آپلود فایل با کشیدن و رها کردن را میدهد.
💎 Channel : @Developix 💎
یکی از قابلیت هایی که یک وبسایت میتواند داشته باشد امکان بارگذاری فایل است؛ برای این که کاربر با کشیدن و رها کردن فایل را آپلود کند راه های مختلفی وجود دارد که یکی از آنها استفاده از کتابخانه DropZone است.
کتابخانه DropZone یک کتابخانه متن باز جاوا اسکریپت است که به شما امکان آپلود فایل با کشیدن و رها کردن را میدهد.
💎 Channel : @Developix 💎
🌀 کتابخانه Intro.js 🌀
زمانی که کاربران جدیدی وبسایت شما را میبینند، یکی از بهترین راهکارها، ارائه یک راهنمای گامبهگام است تا بتوانند با خدمات و قابلیت های جدید سایت آشنا شوند.
برای این منظور راهکار های متنوعی وجود دارد، که یکی از آنها استفاده از Intro.js است که یک کتابخانه متن باز جاوا اسکریپت، برای ساخت راهنمای گامبهگام برای آشنا کردن کاربران با خدمات و قابلیت های سایت است.
💎 Channel : @Developix 💎
زمانی که کاربران جدیدی وبسایت شما را میبینند، یکی از بهترین راهکارها، ارائه یک راهنمای گامبهگام است تا بتوانند با خدمات و قابلیت های جدید سایت آشنا شوند.
برای این منظور راهکار های متنوعی وجود دارد، که یکی از آنها استفاده از Intro.js است که یک کتابخانه متن باز جاوا اسکریپت، برای ساخت راهنمای گامبهگام برای آشنا کردن کاربران با خدمات و قابلیت های سایت است.
💎 Channel : @Developix 💎
🌀 کتابخانه MPAndroidChart 🌀
گاهی نیاز است که اطلاعات و آمار هایی را به کاربر نمایش دهید؛ که در چنین مواردی استفاده از نمودار و اشکال، ظاهر بهتری به اپلیکیشن میدهد و بهتر میتوان اطلاعات را نشان داد.
برای نمایش اطلاعات و آمارها به شکل نموداری زیبا و کاربر پسند در اندروید میتوان از کتابخانه MPAndroidChart استفاده کرد که یک کتابخانه اندروید برای رسم نمودار است، با استفاده از این کتابخانه میتوانید انواع نمودار مثل نمودار رادار، خطی، میله ای، حبابی، دایره ای را با وارد کردن مختصات همراه با انیمیشن رسم کنید.
💎 Channel : @Developix 💎
گاهی نیاز است که اطلاعات و آمار هایی را به کاربر نمایش دهید؛ که در چنین مواردی استفاده از نمودار و اشکال، ظاهر بهتری به اپلیکیشن میدهد و بهتر میتوان اطلاعات را نشان داد.
برای نمایش اطلاعات و آمارها به شکل نموداری زیبا و کاربر پسند در اندروید میتوان از کتابخانه MPAndroidChart استفاده کرد که یک کتابخانه اندروید برای رسم نمودار است، با استفاده از این کتابخانه میتوانید انواع نمودار مثل نمودار رادار، خطی، میله ای، حبابی، دایره ای را با وارد کردن مختصات همراه با انیمیشن رسم کنید.
💎 Channel : @Developix 💎
🌀 ابزار PurgeCSS 🌀
یکی از راه های بهینه کردن وبسایت، حذف استایل های استفاده نشده از فایل CSS است که برای این کار راه های زیادی وجود دارد که یکی از آنها ابزار PurgeCSS است.
ابزار PurgeCSS ابزاری برای بررسی استایل های وبسایت و همچنین فریمورکها و کتابخانه های CSS استفاده شده در پروژه است که فایل های CSS را بررسی و استایلها و کلاس های استفاده نشده را از فایل CSS مربوطه حذف میکند و در نتیجه حجم فایل های CSS کمتر و وبسایت بهینهتر میشود.
💎 Channel : @Developix 💎
یکی از راه های بهینه کردن وبسایت، حذف استایل های استفاده نشده از فایل CSS است که برای این کار راه های زیادی وجود دارد که یکی از آنها ابزار PurgeCSS است.
ابزار PurgeCSS ابزاری برای بررسی استایل های وبسایت و همچنین فریمورکها و کتابخانه های CSS استفاده شده در پروژه است که فایل های CSS را بررسی و استایلها و کلاس های استفاده نشده را از فایل CSS مربوطه حذف میکند و در نتیجه حجم فایل های CSS کمتر و وبسایت بهینهتر میشود.
💎 Channel : @Developix 💎
🌀 پیش پردازنده SASS 🌀
پیشپردازنده های CSS ابزار هایی هستند که ساختار خاص خود را دارند تا به توسعهدهندگان برای نوشتن آسانتر و تمیزتر کد CSS کمک کنند و در نهایت به کد CSS استاندارد باندل/ترنسپایل شوند.
یکی از بهترین پیشپردازنده های CSS، پیشپردازنده Sass است که امکان استفاده از متغیرها، دستورات تو در تو، وارد کردن قطعه کدها، گروهبندی کدها، وراثت و عملگرها را در کد های CSS فراهم میکند.
برای مثال میتوانید برای ویژگی Prefix مرورگر های مختلف یک گروهبندی کد یا همان Mixin بنویسید که مانند یک تابع عمل میکند و برای هر المانی که خواستید این Mixin را اعمال کنید.
💎 Channel : @Developix 💎
پیشپردازنده های CSS ابزار هایی هستند که ساختار خاص خود را دارند تا به توسعهدهندگان برای نوشتن آسانتر و تمیزتر کد CSS کمک کنند و در نهایت به کد CSS استاندارد باندل/ترنسپایل شوند.
یکی از بهترین پیشپردازنده های CSS، پیشپردازنده Sass است که امکان استفاده از متغیرها، دستورات تو در تو، وارد کردن قطعه کدها، گروهبندی کدها، وراثت و عملگرها را در کد های CSS فراهم میکند.
برای مثال میتوانید برای ویژگی Prefix مرورگر های مختلف یک گروهبندی کد یا همان Mixin بنویسید که مانند یک تابع عمل میکند و برای هر المانی که خواستید این Mixin را اعمال کنید.
💎 Channel : @Developix 💎