کلمۀ SASS مخففی برای عبارت Syntactically Awesome Stylesheets است. SASS یک پیش پردازنده یا Preprocessor برای زبان برنامه‌نویسی CSS است که به عنوان مکملی برای سهولت و سرعت در کار با CSS ساخته شده است. SASS با ویژگی‌های جالبی که دارد، مدیریت، دسته‌بندی و نگهداری از استایل‌های CSS را مخصوصاً زمانی که فایل‌های CSS حجیم و پیچیده باشند، ساده‌تر می‌کند.

پس از ساخت فایل‌ها به کمک SASS باید آنها را به کمک یکی از ابزارهای کامپایل مانند Hammer، CodeKit، Compass یا Koala فایل SASS را به تبدیل کنید. در ادامه به ویژگی‌ها و مزایای استفاده از SASS در برنامه نویسی خواهیم پرداخت.

منبع امن برای دانلود SASS کجاست؟

     بهترین منبع برای دانلود SASS سایت رسمی آن با آدرس http://sass-lang.com است. از آنجایی که SASS با انواع زبان‌های طراحی سایت مانند زبان PHP، زبان Ruby و زبان Asp سازگار است، هنگام دانلود این نرم افزار دقت کنید که با توجه به زبان برنامه‌نویسی مورد نظر خود نسخۀ مناسب را دانلود کنید.

SASS چه ویژگی‌هایی دارد؟

     مهمترین و اساسی‌ترین ویژگی‌های SASS عبارتند از:

  • متغیرها یا Variables: همچون دیگر زبان‌های برنامه‌ریزی، نرم افزار SASS نیز می‌تواند متغیرهایی را بسازد، در این متغیرها اطلاعات را نگهداری کند و در آینده و در زمان نیاز، این اطلاعات را در جای مناسب بکار برد. هنگام تعریف هر متغیر انواع مختلفی از مقادیر متنوعی مانند اعداد، رنگ‌ها و رشته‌ها را می‌توان در آن با پسوند $ ایجاد کرد. نکتۀ جالب و مهم درایجاد متغیرها این است که هرگاه از یک متغیر حتا به تعداد زیاد در فایل‌های دیگر استفاده کردید، اما به دلایلی مجبورید که رنگ یا مقادیر دیگری را تغییر دهید، نیازی نیست که تغییر را در همۀ آن متغیرها تک تک اعمال کنید. بلکه با ایجاد تغییر مورد نظر در یک متغیر، بقیۀ آنها نیز تغییر خواهند کرد.
  • وراثت یا ارث بری/گسترش (Extend/Inheritance): قابلیت وراثت در SASS یکی از بهترین و کاربردی‌ترین ویژگی‌های این نرم افزار است. با بکارگیری ویژگی وراثت با دستور @extend از حضور کدهای تکراری جلوگیری یا در استفاده از آنها صرفه‌جویی می‌کند. دستور گسترش یا ارث بری در SASS می‌تواند مجموعه‌ای از مشخصه‌های تکراری موجود در CSS را خلاصه و این مجموعه را از یکی به دیگری انتقال دهد. این ایجاد اشتراک در فایل‌های مشترک در حجم نهایی فایل کامپایل شده نیز مؤثر است. با این دستور می‌توان از مبحث DRY یا خود را تکرار نکن (Don’t Repeat Yourself) پیروی کرد.
  • Mixins یا ایجاد گروهی از توابع: به این ویژگی از SASS ترکیب کد یا گروه بندی نیز می‌گویند که یکی از خصوصیات کارآمد این برنامه است. دستور @mixin در SASS موجب می‌شود تا قطعه کدهایی در CSS که مجبور به تکرار در فایل‌ها هستند و نمی‌توانیم از تکرار آنها جلوگیری کنیم، تبدیل به الگوهایی شوند تا از آن الگو در فایل به تعداد مورد نظر تکرار شود. سپس می‌توان این الگوها را گروه‌بندی کرد و در مواقع لازم آنها راا در وبسایت بکار برد. دستور @include برای استفاده دوباره از آنها در برنامه است.

استفاده از اتوماسیون و نرم افزار دبیرخانه یار برای افزایش بهره وری توصیه می شود.

  • کدهای تو در تو یا عملیات Nesting: تا پیش از حضور SASS، ویژگی تو در تو به HTML اختصاص داشت و CSS توانایی نستینگ یا ایجاد کدهای تو در تو را نداشت. حالا CSS به لطف حضور SASS می‌تواند از این قابلیت پشتیبانی کند. کدهای تو در تو مزایای بسیاری از جمله کاهش تعداد کدهای نوشته شده، مرتب شدن کدها، خوانش پذیری بهتر آنها و پیشگیری از بروز اشتباه‌های احتمالی می‌شود.
  • عملگرها یا Operators: در SASS امکان استفاده از عملگرهای ریاضی مانند +، -، *، / و % وجود دارد. این ویژگی به SASS کمک می‌کند تا محاسبات مختلف را انجام دهد، توابع استاندارد ریاضی را بسازد، این توابع را با یکدیگر ترکیب کند و با توابع پیچیده‌تر محاسبات پیچیده‌تری را پیش ببرد.
  • قطعه کدها (Partials) و ایمپورت (Import): قطعه کدها یا Partials فایل‌هایی کوچک هستند که در SASS به صورت قطعه و ماژولار ساخته می‌شوند و می‌توان آنها را به فایل‌های دیگر SASS منتقل کرد. عمل وارد کردن قطعه کدها را ایمپورت با کد @import می‌نامند. شما حتا می‌توانید فایل‌هایی غیر از قطعات کد کوچک ساخته شده در SASS را از اینترنت دانلود و با دستور Import به فایل خود وارد کنید.