در این مطلب میخوام 15 کتابخانه CSS و Javascript جالب در ماه آپریل 2018 رو بهتون معرفی کنم که میتونین از اونا در پروژه‌های خودتون استفاده کنید.
15 کتابخانه CSS و Javascript جالب در آپریل 2018
Radi.js
Radi یک فریم ورک Front-end جاوا اسکریپت بسیار راحت و سریعه و ساخت سایتهای تک صفحه ای یا برنامه‌های پیچیده‌تر رو برای شما راحت میکنه. این فریم ورک بسیار کم حجمه و از الگوریتم‌های مختلف یا DOM مجازی و ... استفاده نمیکنه. در ضمن عملکرد این فریم ورک به صورت مستقل هست و به چیز دیگه ای نیاز نداره.
FilePond
FilePond یک کتابخانه Javascript هست که برای آپلود هر نوع فایل مناسبه و بکار میاد. شما میتونید فایل‌ها رو رها کنید، copy-paste کنید، میتونید از Browse استفاده کنید و یا این که فقط از API استفاده کنید. این کتابخانه با پوشه و مسیرها، URLهای محلی یا آنلاین و blobها کار میکنه. این کتابخونه می‌تونه تصویر رو بهینه سازی کنه مثلا اندازه اون رو به صورت اتوماتیک تغییر بده و یا حتی یک قسمت از عکس رو بچینه.
Tabler
Tabler یک داشبورد متن باز و رایگان Bootstrap 4 هست. Tabler بصورت کامل واکنش گراست، به آسانی قابل استفاده است و استانداردهای کدهای Bootstrap رو دنبال میکنه. همچنین تعدادی Component با قابلیت سفارش سازی داره که میتونید اونا رو انتخاب کرده و ازشون استفاده کنید. تمامی مرورگرهای مدرن از این قالب پشتیبانی می‌کنن.
Driver.js
با استفاده از Driver شما میتونید مواردی رو در صفحه خودتون برجسته کنید تا نظر کاربران رو به اون جلب کنید. این کتابخانه بسیار کاربر پسند و کم حجمه و قابلیت سفارش سازی داره. Driver رایگان و متن باز هست و در همه مرورگرها به خوبی کار میکنه.
Rough.js
Rough یک کتابخانه کم حجم و مبتنی بر نقاشیه که به شما این امکان رو میده که نمودارها و شکل‌ها را با فرمی شبیه به رسم شده با دست به وجود بیارید. این کتابخانه ابزارهایی رو برای رسم خط، منحنی، کمان، اشکال چند گوشه و دیگر شکل‌ها در اختیار شما قرار میده و همچنین از مسیرهای SVG هم پشتیبانی میکنه.
Wunderbar
به کمک Wunderbar شما میتونید یک نمودار ستونی افقی رو در Terminal یا Command line چاپ کنید. کار با اون بسیار ساده هست. کافیه که فقط یک آرایه رو به خط فرمان پاس بدین تا این کتابخانه نموداری رو که حاوی علایم، نشانه‌ها و مقیاس هست رو برای شما نمایش میده.
ToastUI Chart
ToastUI Chart برای ایجاد نمودارهای زیبا به منظور تجسم داده ایجاد شده. این کتابخانه تعداد زیادی از نمودارها، مانند ستونی، خطی، دایره ای، نقشه حرارتی و غیره رو پشتیبانی میکنه. کارکردن با این کتابخانه آسونه و بسیار قابل تنظیم هست. ToastUI Chart بر روی تمام مرورگرها از جمله IE8 به خوبی کار میکنه.
Material Design Icons
Material Design Icons مجموعه ای از آیکون ساده، مدرن و زیباست که توسط Google ایجاد شده. این کتابخانه شامل بیش از 900 آیکون هست و به کمک CSS قابل سفارش سازیه. آیکون‌ها برداری هستن و در انواع صفحه نمایش‌ها از صفحه نمایش رتینا گرفته تا صفحه نمایش‌های با کیفیت پایین، عالی به نظر می‌رسه.
CSSNano
CSSNano یک ابزار مدرن و Modular هست که برای فشرده سازی فایل‌های CSS استفاده میشه. این کتابخانه فایل‌های CSS شما رو برمیداره و تعدادی بهینه سازی روی اون انجام میده، فضاهای خالی، استایل‌های تکراری، کامنت‌ها و تعاریف غیر ضروری رو حذف میکنه، که بتونه تا حد ممکن فایل رو در محیط Production فشرده سازی کنه.
Hotkeys
Hotkeys برای مدیریت ورودی صفحه کلید و فشار دادن کلیدهاست. کار با این کتابخانه بسیار ساده و کاربر پسنده و با مرورگرهای IE 6+، سافاری، فایرفاکس و کروم به خوبی کار میکنه. هنگام استفاده از اون در کنار سایر کتابخانه‌ها باید مراقب باشید، چون ممکنه با استفاده از صفحه کلید تداخل ایجاد کنه.
TensorFlow.js
TensorFlow یک کتابخانه متن باز برای تعریف، آموزش و استفاده از مدل‌های Machine learning در مرورگر شماست. TensorFlow به شما این اجازه رو میده که شبکه‌های عصبی رو از ابتدا به کمک APIهای پیشرفته ایجاد کنید و یا مدل‌های موجود رو اجرا کنید یا این که اون‌ها رو تغییر بدید. به علاوه، این کتابخانه از WebGL پشتیبانی میکنه و می‌تونه با GPU acceleration کار کنه.
Hover.css
با Hover.css شما می‌توانید طیف گسترده ای از افکت‌های هاور انیمیشنی را به لینک ها، دکمه‌ها و تصاویر در صفحه خودتون اضافه کنید. این کد به صورت مستقل کار میکنه ، میتونید اون رو مستقیما در پروژتون کپی کنید و در زبانهای CSS، Sass و Less هم موجوده. بعضی از افکت‌ها ممکنه در مرورگرهای قدیمی کار نکنه، چون اکثر اونا از ویژگی‌های CSS3 مثل transform و transition استفاده می‌کنن.
Sympact
Sympact یک کتابخانه برای محاسبه CPU و استفاده از حافظه وظایف در Node.js است. این ابزار یک اسکریپت را اجرا می‌کند و زمان اجرای آن، استفاده از پردازنده و استفاده از حافظه را ارزیابی می‌کند، سپس یک گزارش حاوی میانگین از نتایج را باز می‌گرداند.
Leaflet
Leaflet یک کتابخانه متن باز برای ساخت نقشه‌های تعاملی هست. این ابزار امکانات رایجی از قبیل قرار دادن نشانه، لایه ها، Zoom کردن و ... که برای ساخت یک نقشه نیاز هست رو در اختیارتون قرار میده. این ابزار بر روی بیشتر مرورگرهای Desktop و موبایل به خوبی کار میکنه و پیش نیازی نداره و با استفاده از پلاگین‌ها میتونین قابلیتهای اون رو افزایش بدین.
Awaity.js
Awaity یک کتابخانه Promise ساخته شده با Async و Await هست. این ابزار یک جایگزین برای کتابخانه Bluebird می باشد. این ابزار خیلی بهینه هست و میتونین از یک بخش کوچک اون به تنهایی استفاده کنید و به همین دلیل سایز اون خیلی کم هست.
امیدوارم از این ابزارها خوشتون اومده باشه و بتونه بهتون کمک کنه.
اولین دیدگاه این پست رو تو بنویس !