10 کتابخانه جالب Sass که شما باید بدانید

Sass یکی از محبوب ترین پیش پردازنده های CSS است. که به شما اجازه می دهد تا منطق برنامه نویسی را به کد خودتان اضافه کنید و آن استفاده کنید.

  از ویژگی های عالی آن میتوان به کار با متغیرها،mixin (توابعی هستند با امکانات کمتری دارند  چیزی بین توابع و library  ها)، توابع، وراثت و تو در تویی آن اشاره کرد.  با استفاده از صدها کتابخانه  و فریمورک  و پلاگین هایی که وجود دارند شما میتوانید در هنگام ایجاد وبسایت مورد نظرتان  از آنها استفاده کنید و زمان کمتری را از دست دهید.

در این مقاله ما قصد داریم تا با شما مجموعه ای از 10 کتابخانه جالب Sass را به اشتراک بگذاریم که فکر می کنیم  باید بررسی شوند.

Gridlex

 یک سیستم ساده CSS برای ساخت پوسته های مدرن و زیرماژول هاست . استفاده از آن برای کاربران بسیار ساده است ، شما فقط باید عناصر ستون (.col) خود را در یک grid container (.grid) قرار دهید.

Gridlex به شما طرح های responsive (واکنش گرا) را  که براساس media-queries هستند پیشنهاد میدهد وشبکه های تودرتو را مستقیما در یک ستون پشتیبانی می کند.

Buttons

Css button library   یک کتابخانه open-source و رایگان با قابلیت  تنظیم  دقیق  می باشد که توسط Sass ایجاد شده و به شما یک راه سریع و آسان برای اضافه کردن دکمه های زیبا و رنگارنگ  در وب سایت خودتان را پیشنهاد یا ارائه می دهد.البته انواع مختلفی هم از دکمه ها وجود دارند  از جمله مسطح، گرد، درخشان، 3dو بسیاری موارد دیگرکه میتوانید به سلیقه خودتان آنها را انتخاب کنید

Bourbon

بوربون یک کتابخانه ساده و سبک Sass است که راه ساده ای برای ایجادstylesheets   هایی که برای  استفاده مستقل از مرورگر ها میباشند را فراهم میکند

که تقریبا شامل همه چیزی است که شما برای ایجاد یه وب سایت شگفت انگیز نیاز دارید- mixins، توابع و افزونه ها. این کتابخانه بدون وابستگی است و نیاز به تنظیمات ندارد.

Sassy Inputs

یک کتابخانه mixin  sass برای استایل دهی به input  های فرم با استفاده از CSS3 که روی همه ی مرورگر ها قابل اجراست . این کتابخانه شامل mixins برای text، textarea، search، select، radiobutton، checkbox، و button input هاست و همچنین input  های Sassy قابل سفارشی سازی  هستند.

Saffron

Sass mixin یکی از ساده ترین  کتابخانه های Saffron است.

 این کتابخانه به شما  سریعترین راه برای اضافه کردن  انیمیشن های css ,  و transitions را پیشنهاد میدهد و برای کاربر فضای راحتی را ایجاد میکند  که بتواند با آن کار کند و تنها کاری که باید انجام دهید اعلام کردن  include ها  و   تعریف کردن متغیرهایی است که میخواهید از آن ها استفاده  کنید

تنوع گوناگونی  در انیمیشن ها  و transitions ها وجود دارد مثل  fade-in ، fade-out، slide in ، slide out، و bounce و خیلی موارد بیشتر

mini.css

یک فریمورک سبک است و اولین فریم ورک css موبایل است که برای ساخت سایتی ریسپانسیو طراحی شده است و کلا حجم آن 10 kb میباشد.

وهمچنین  responsive بودن آن و دارا بودن ابزار به روز میتواند یک راه سریع و آسان برای ساخت طرح های زیبا برای تمامی اندازه های صفحه نمایش ارائه کند.

Angled Edges

یک کتابخانه ی Sass mixin برای ایجاد لبه های زاویه دار در section ها با استفاده از (encoding)انکدینگ SVG است. این کتابخانه یک مثلث SVG ایجاد میکند که به عنوان عکس background تنظیم شده است. شما می توانید از پارامترهای آن برای تعیین مکان ، hypotenuse ، رنگ ، عرض و ارتفاع استفاده کنید . تمام مرورگرهای مدرن - Chrome، Firefox، Safari، Edge وIE 9+ از آن پشتیبانی میکنند.

Typesettings

با استفاده از typesetting شما میتوانید اندازه فونت خود را در مقیاس ماژولار با EMS ،vertical rhythm و نسبت های responsive براساس اندازه ی متن تنظیم کنید .اندازه ی آن به طور پیش فرض 6px است و اندازه ی عمودی آن با مقیاس پیکسل براساس border تعیین میشود . Typesettings تمام اندازه های دقیق ریاضی را برای Ems مدیریت می کند و از مقیاس ماژولار برای تنظیم اندازه فونت استفاده می کند.

MaterializeCSS

 یک فریم ورک css است که مبتنی بر material design  میباشد . قابلیت سفارشی سازی بالایی دارد و کاملا responsive میباشد این فریم ورک گلچین زیادی از component ها را به شما ارائه میدهد مثل:  button, card, form, navbar، ( صفحه بندی) pagination ها و کلی موارد دیگر . همچنین از دیگر مزیت های آن میتوان به سازگاریش با  Chrome، Firefox، Safari، Edgeو IE  11+ اشاره کرد.

Included media

کتابخانه Sass است که یک راه آسان برای نوشتن media query ها ارائه میدهد . دارای لیستی از breakpoint های پیش فرض برای گوشی ، تبلت و دسکتاپ است و می توانید به شیوه ای که دوست دارید آن را سفارشی کنید . این کتابخانه به شما امکان نوشتن media query ها با em و rem و ایجاد نام مستعار برای عبارت هایی که زیاد استفاده میشوند را میدهد

نوشتن Sass در bootstrap Studio

بوت استرپ استودیو، برنامه قدرتمندی برای ساخت وب سایت هاست و یک راه آسان برای نوشتن و ویرایش فایل های Sass ارائه می دهد. شما میتوانید برای طراحی های ویژوال از drag and drop استفاده کنید و با CSS و SASS آن را استایل دهی کنیدو نتیجه را بصورت real-time ببینید.