آموزش Sass – مرور کلی

آموزش Sass – مرور کلی

SASS چیست؟

SASS یک زبان پیش پردازنده ی CSS است که زمان کدنویسی با CSS را کاهش داده و از نوشتن کدهای تکراری جلوگیری می کند. Sass یک زبان اسکریپت نویسی است که در نهایت به CSS کامپایل می شود. توسعه دهندگان و طراحان وب سایت می توانند با استفاده از این زبان صفحات HTML را به صورت بهینه، کارا و ساختارمند تعریف کنند.

پیشینه ی Sass

طراحی اول این زبان را همتون کتلین در سال 2006 انجام داده و ناتالی وایزنباووم آن را توسعه داد. بعده ها، وایزنباووم و کریس اپستاین نسخه ی اولیه ی آن را با SassScript گسترش دادند.

چرا استفاده از SASS توصیه می شود؟

• یک زبان پیش پردازنده است که سینتکس و ساختار نگارشی اختصاصی خود را داشته و کدهای CSS را توگذاری می کند.
• برخی از ویژگی ها و امکانات برای تعریف stylesheet ارائه می دهد که به شما این امکان را می دهد تا کدهایی بهینه با قابلیت نگهداشت آسان تعریف نمایید.
• تمامی امکانات CSS را شامل شده و یک پیش پردازنده ی متن باز (open source preprocessor) است که در اصل با زبان Ruby نوشته شده.
• نسبت به CSS خالص (flat) یک فرمت ساخت یافته و بهتر برای تنظیم فایل های سبک دهی ارائه می دهد. از امکاناتی نظیر متدهای آماده با قابلیت استفاده ی مجدد (reusable)، دستورات منطقی استفاده کرده و توابع درون ساخته ای برای دستکاری رنگ، انجام عملیات ریاضی و محاسبات و لیست پارامترها پشتیبانی می کند.

ویژگی ها و قابلیت های SASS

1. قدرتمند، بهینه و کارا بوده و با تمامی ورژن های CSS سازگار می باشد
2. تمامی ویژگی ها و امکانات CSS را دربر گرفته و مبتنی بر JavaScript می باشد.
3. یک روش و ساختار کدنویسی جایگزین در CSS است که نوشتن دستورات CSS را بهینه، خوانا و آسان تر می سازد.
4. ساختار دستوری و سینتکس اختصاصی خود را داشته و نهایتا به کد خوانای CSS کامپایل می شود.
5. با استفاده از SASS می توانید طول کد و مقدار زمان لازم برای کدنویسی CSS را کاهش دهید.
6. یک زبان اسکریپت نویسی پیش پردازنده متن باز و رایگان (Open source) است که در نهایتا به CSS ترجمه می شود.

مزایای استفاده از SASS

1. به طراح سایت این امکان را می دهد تا کدهای CSS را به صورت خوانا، کارا و با روش برنامه نویسی بنویسند/امکان استفاده از برنامه نویسی و ساختارهای آن را در طراحی سایت با CSS فراهم می آورد.
2. کدنویسی با CSS را تسریع می بخشد.
3. علاوه بر اینکه تمامی ابزار و امکانات CSS را شامل می شود، به طراحان وب این امکان را می دهد تا به روش بهینه و سریع روند توسعه را پیش ببرند.
4. از آنجایی که Sass با کلیه ی ورژن های CSS سازگاری دارد، می توان همراه با آن از تمامی کتابخانه های موجود CSS برای آسان سازی طراحی وب سایت استفاده کرد.
5. می توان مانند برنامه نویسی از دستورات تودرتو و توابع درون ساخته ی آماده برای دستکاری رنگ، انجام محسابات ریاضی و دستکاری مقادیر استفاده کرد.

کاستی های SASS

1. توسعه دهنده بایستی زمان بیشتری را برای یادگیری ویژگی های جدید زبان پیش پردازنده ی SASS صرف کند.
2. زمانی که توسعه دهندگان زیادی همزمان روی سایت کار می کنند، در آن صورت همه ی آن ها بایستی از یک پیش پردازنده استفاده کنند. برخی از توسعه دهندگان از Sass و برخی از CSS برای ویرایش مستقیم فایل ها استفاده می کنند. به همین خاطر کار کردن بر روی سایت دشوار می شود.
3. دیگر امکان استفاده از قابلیت درون ساخته ی مرورگر به نام element inspector و بهره گیری از آن وجود نخواهد داشت.