در این مطلب میخوام 15 کتابخانه CSS و Javascript جالب در ماه مارس 2018 رو بهتون معرفی کنم که میتونین از اونا در پروژههای خودتون استفاده کنید.
15 کتابخانه CSS و Javascript جالب در مارس 2018
در ادامه لیستی از ابزارهای کاربردی و جالب در اختیارتون قرار میگیره.
BasicScroll
کتابخونه BasicScroll به شما اجازه میده که در طراحی هاتون افکتهای اسکرول پارالکسی رو به وجود بیارید. شما میتونید از متغیرها و خصوصیتها به طور مستقیم در CSS استفاده کنید و یا برای ساخت یه انیمیشن بهتر و با کیفیتتر میتونید از Javascript استفاده کنید. این کتابخونه کارکرد بسیار راحتی داره و مستقل از فریم ورکها عمل میکنه. در دسکتاپ و تلفنهای همراه عالی عمل میکنه و حتی از ورودی لمسی پشتیبانی میکنه.
Proton Native
Proton Native به شما این امکان رو میده که اپلیکیشنهای دسکتاپی برای تمامی پلت فرمها رو به وجود بیارید. Syntax کدنویسی اون بسیار مشابه React Native هست و از کتابخونههای موجود React مانند Redux پشتیبانی میکنه و با بیشتر بستههای Node.js سازگار هست.
Normalize.css
Normalize.css یه کتابخونه مدرن برای CSS Reset هست. این ابزار یکپارچگی بهتر و مناسبتر رو برای مرورگرهای مختلف محیا میکنه. همچنین این کتابخانه مشکلات موجود در مرورگرهای مختلف رو به حداقل میرسونه و با خیال راحت میتونین از اون استفاده کنید.
Fork Awesome
Fork Awesome مجموعه ای از آیکونها با بیش از 600 آیکون SVG هست. این آیکونها به سادگی قابل سفارشی سازی شدن هستند مثل تغییر رنگ، اندازه، سایه و ... و با فریم ورکهای دیگه سازگارند. این مجموعه رایگان است و به Javascript نیازی نداره و در صفحه نمایشهای Retina به خوبی نمایش داده میشه.
Filepond
Filepond یه کتابخونه کوچیک Javascript برای آپلود فایل هست. این ابزار به شما این امکان رو میده که از چند روش فایلتون رو آپلود کنید. میتونید فایلها رو بکشید و سپس اونا رو رها کنید. میتونید فایل رو کپی و بعد از اون paste کنید یا فایلهای سیستم خودتون رو مرور کنید یا فقط از API خود کتابخانه استفاده کنید. فایل زیپ شده اون فقط 21 کیلوبایت حجم داره و بصورت اتوماتیک و در پس زمینه تغییر اندازه تصاویر و بهینه سازی اونا رو انجام میده.
Headless Chrome Crawler
کتابخونه Headless Chrome Crawler یک خزنده قدرت گرفته از Headless chrome هست. استفاده از این ابزار خیلی راحته و به آسونی میتونین تاخیر و تلاش مجدد و ... رو ایجاد کنید. این ابزار امکانات زیادی داره که میتونین خودتون اونا رو مطالعه کنید.
Pressure.js
کتابخونه Pressure.js میتونه برای کنترل کردن نیروی لمس، لمس سه بعدی و فشار اشاره گر استفاده بشه. دارای یک API ساده هست که با اکثر مرورگرها سازگاره. Pressure.js همچنین میتونه از لمس همزمان به وسیله چند انگشت پشتیبانی کنه.
Loaders.css
Loaders.css مجموعه ای از Loading هایی هست که به وسیله CSS خالص ساخته شدن. استفاده از Loader.css بسیار راحته و به راحتی میتونین اونا رو سفارش سازی کنید. این کتابخونه انواع مختلف انیمیشن مانند تبدیل، چرخش، محو شدن و ... رو شامل میشه و پشتیبانی میکنه. انیمیشنها در در تمامی مرورگرهای مدرن، از جمله IE9 به بالا کار میکنن.
React Slider Kit
React Slider Kit به شما این امکان رو میده که محتوای اسلایدری رو در اپلیکیشنهای react تولید کنید. میتونید انواع مختلف اسلایدر رو از جمله یک بعدی، دو بعدی، تکی، محدوده ای، افقی و عمودی به کمک این کتابخونه تولید کنید. شما میتونید مقدار کمینه، بیشینه، نقطه شروع و موارد دیگر مربوط به اسلایدرهاتون رو تنظیم کنید.
NativeScript
کتابخونه NativeScript یه فریم ورک رایگان و متن باز برای ایجاد برنامههای موبایل در اندروید و ios با استفاده از Javascript و CSS هست. کافیه که شما فقط یک بار کدتون رو در JS بنویسید. بعد از اون فریم ورک این کد رو برای اجرا در انواع دستگاهها سازگار میکنه. این کتابخونه بسیار قابل گسترش هست و صدها پلاگین وجود داره که شما میتونید اونا رو از npm، Cocoapods و Gradle دریافت کنید.
Polacode
Polacode یک افزونه برای ویرایشگر Visual Studio Code هست که به کمک اون میتونید تصاویر زیبایی با یک سری جلوههای جالب رو از کدتون دریافت کنید. این افزونه رابط کاربری ویرایشگر رو مخفی میکنه و سایه، لبهها و گوشههای گرد رو به تصاویر شما اضافه میکنه.
Scratches
Scratches یک ویرایشگر ساده متن JS و Node.js هست که کد شما رو در هنگام تایپ ارزیابی میکنه. این کتابخونه به کمک Electron ساخته شده و دارای تمهای سفید و تاریک و یک پنجره پیش نمایش برای نمایش خروجی کدهاتون داره.
Prompts
Prompts یک کتابخانه ساده برای ایجاد Promptهای زیبا و جالب در برنامههای Command line میباشد. این کتابخانه بسیار کم حجم هست و به چیز دیگری نیاز ندارد و مستقل کار میکنه.
List
کتابخانه List به شما یک جایگزین سریع برای آرایه میده. List تغییر ناپذیره و به همین دلیل یک انتخاب عالی برای افرادی که با Functional programming کار میکنن، ابزار مناسبی محسوب میشه. این کتابخونه با TypeScript نوشته شده و تمامی متدهای آرایههای JS به علاوه چند مورد بیشتر رو اجرا میکنه.
Nerv
Nerv بسیار سریع و بر پایه DOM مجازی هست که میتونین از اون به عنوان جایگزینی برای React استفاده کنید. این ابزار کم حجم هست و با مرورگرهای IE8 به بالا نیز سازگاری داره.
امیدوارم از این ابزارها خوشتون اومده باشه و بتونه بهتون کمک کنه.
خیلی عالی بود