LESS چیست؟
توسط Fateme Zahra
LESS مخفف عبارت Leaner Style Sheets و یک زبان پیشپردازنده برای CSS است. این تکنولوژی به زبان JavaScript نوشته شده است اما برای کارکردن با آن نیازی به دانستن جاوا اسکریپت ندارید.
Less قادر است قابلیتهای مختلفی را به CSS اضافه کند تا بتوانیم با CSS مثل یک زبان برنامهنویسی سمت سرور برخورد کنیم. برای مثال در CSS نمیتوانیم از توابع یا متغیرها استفاده کنیم اما LESS این قابلیتها را ممکن میسازد.
قابلیتها
۱- تعریف متغیر
همانطور که میدانید در CSS نمیتوان متغیر تعریف کرد اما گاهی لزوم وجود متغیرها احساس میشود. این قابلیت در LESS وجود دارد و میتوان از آن استفاده کرد.
۲- نوشتار تودرتو
۳- استفاده از عملگرها
با LESS میتوان تمام عملیاتهای اصلی را انجام داده و حاصل را در متغیری ذخیره کرد!
۴- استفاده از توابع
در این زبان میتوان برای ساده سازی، کاهش کدنویسی و انجام محاسبات از توابع مختلفی استفاده کرد.
ویژگی ها و مزایا
• برخورداری از کدهایی خوانا و سازماندهی شده و قابل درک
• قابلیت پشتیبانی از تمامی مرورگرها
• نوشته شده در جاوااسکریپت که موجب سرعت بالای پردازش نسبت به CSS میشود
• قابلیت ایجاد سبک های متفاوت با امکان استفاده مجدد
• قابلیت حل مسئله افزونگی کدها
• نگارش کدهای CSS مشابه با زبان برنامه نویسی PHP
• قابلیت مدیریت فایل های خارجی با استفاده از import@
• قابلیت ادغام چندین خصوصیت مانند انتقال (transition)و جعبه سایه (box-shadow)
• بهبود یافته CSS و استفاده بهینه از CSS3
• قابلیت پیاده سازی در هر دو سمت کاربر و سرور
• خوانایی بالای کدهای تو در تو
نصب LESS
ساده ترین راه برای نصب LESS استفاده از Node.JS است.بدین منظور از قطعه کد زیر استفاده میکنیم:
$ npm install -g less
در خط فرمان میتوان با خط دستور زیر نام فایل خروجی را تعیین کرد
$ lessc styles.less styles.css
روش استفاده از LESS
راه استفاده تبدیل کدهای LESS به CSS است.
برای تبدیل کدهای LESS به CSS در سایت Github پلاگین clean-css plugin را دانلود و نصب نموده و با کمک آن فایل های LESS را به CSS تبدیل نمایید .با استفاده از خط دستور زیر میتوانید این تبدیل را انجام دهید.
$ lessc –clean-css styles.less styles.min.css
پست های توصیه شده
کلان داده
14 مهر, 1402
تحول دیجیتال
14 مهر, 1402
تجزیه و تحلیل داده ها
14 مهر, 1402