15 کتابخانه CSS و Javascript جالب در مارس 2018



visibility  
mode_comment   ۱

در این مطلب میخوام 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

متخصص اندروید
دوست داری از طریق برنامه نویسی کسب درآمد کنی؟ اگر می خوای با برنامه نویسی وب و موبایل کسب درآمد کنی، جایی استخدام شی و یا حتی اینکه درامد ارزی داشته باشی، حتما دوره های متخصص سون لرن رو یه نگاه بنداز : متخصص شو arrow_back

کتابخونه 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 به بالا نیز سازگاری داره.

امیدوارم از این ابزارها خوشتون اومده باشه و بتونه بهتون کمک کنه.

Source

comment دیدگاه کاربران
فلاح نژاد

خیلی عالی بود

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.