تماس شبانه روزی : 09128458717
021-44045397 021-44045602
نمونه کار ها درباره ما طراحی سایت فروشگاهی طراحی سایت شرکتی

SASS و SCSS در طراحی سایت

من در مورد ساس بسیار نوشتم، اما برخی از نظرات من روشن شده است که همه نمی دانند دقیقا چه...

من در مورد ساس بسیار نوشتم، اما برخی از نظرات من روشن شده است که همه نمی دانند دقیقا چه چیزی به معنای ساس می گویند. در اینجا کمی وضوح است:

هنگامی که ما در مورد SASS صحبت می کنیم، معمولا به پیش پردازنده و زبان به طور کلی اشاره می کنیم. مثلا ما میگوییم “ما از Sass استفاده می کنیم” یا “در اینجا ” Mixin Sass است. در همین حال، Sass )پیش پردازنده) اجازه می دهد تا دو نحو مختلف:

  1. SASS همچنین به عنوان syntax tired شناخته میشود.
  2. SCSS یک نحوی مشابه CSS است.

تاریخچه SASS :

در ابتدا، ساس بخشی از یک پیش پردازنده دیگری به نام Haml بود که توسط توسعه دهندگان Ruby طراحی و ساخته شد. به همین دلیل، سبک های Sass از نحو Ruby مانند بدون استفاده از پرانتز، بدون نیمه کولون و دندانه های سخت استفاده می کردند مثل این:

 

همانطور که می بینید، این کاملا نسبت به CSS در عادی تغییر یافته است! حتی اگر شما یک کاربر Sass (preprocessor) هستید، می توانید ببینید که این بسیار متفاوت از چیزی است که ما استفاده می کنیم. علامت متغیر ” ! ” است و  نشانه انتساب ” = ” است.

اما این به این معنی است که Sass تا نسخه ۳ در ماه مه ۲۰۱۰  ظاهر شد و یک اصطلاح کاملا جدید به نام SCSS برای معرفی کرد.

 

SCSS قطعا به CSS نسبت به Sass نزدیکتر است.  با این حال، نگهبانان Sass نیز کار کرده اند تا هر دو را با حرکت دادن یکدیگر به یکدیگر نزدیک تر کنند.

در حال حاضر، هنگام شروع یک پروژه جدید، ممکن است که بدانید چه نحو باید استفاده کنید.

جنبه های مثبت SASS در طراحی سایت :

در حالی که این نوشتار ممکن است عجیب و غریب باشد، آن ها دارای نکات جالبی هستند . اول از همه، آن را کوتاه تر و ساده تر تایپ کنید. بدون پرانتز و نیمه کولون.

همچنین با استفاده از دستورالعمل Sass استانداردهای برنامه نویسی تمیز را با تکیه بر دندانه داران اجرا می کند. از آنجا که یک اشتباه اشتباه احتمالا کلیه شیوه نامه sass را از بین می برد، این امر باعث می شود که کد همیشه تمیز و مرتب باشد.

اما مراقب باشید! جهش به معنی چیزی در SASS است. هنگامی که یک انتخابگر به عقب برگردد، به این معنی است که در انتخاب قبلی قرار گرفته است.

برای مثال:

CSS زیر نمایش خواهد داده شد :

واقعیت ساده هل دادن یک عنصر “.element-b” به سمت راست به این معنی است که child ازelement-a”.” ، تغییر یافته CSS حاصل شده است. در طراحی سایت خود بسیار مراقب باشید!

به عنوان یکی دیگر، ما  احساس می کنیم که نوشتار  مبتنی بر قطب،  احتمالا به تیم Ruby / python بیش از یک تیم  PHP / Java  متصل می شود (هرچند این بحث قابل بحث است و من دوست دارم نظرات مختلف را بشنوم).

0 دیدگاه برای “SASS و SCSS در طراحی سایت”

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

بیست − 11 =

ثبت سفارش