• طراحی سایت اصفهان سایت-سئوی سایت در اصفهان-خدمات سئو در اصفهان
• 1400/09/29

آشنایی با less (Leaner Style Sheets )

LESS مخفف عبارت Leaner Style Sheets و یک زبان پیش‌پردازنده برای CSS است. این تکنولوژی به زبان JavaScript نوشته شده است اما برای کارکردن با آن نیازی به دانستن جاوا اسکریپت ندارید.

less (Leaner Style Sheets ) 

less یکی از فریم ورک های سی اس اس است که از قوانین سی اس اس استفاده می کند.less توسط روش هایی مانند متغیرها،حسابگرها، mixin ها و توابع،قابلیت‎ های CSS را توسعه داده و آن را پویا ساخته است.به گونه ای که می‎ توان کدهای لِس را در یک فایل CSS نوشت.

کامپایلر اصلی LESS با استفاده از جاوا اسکریپت نوشته شده است و کد های نگارش یافته را به فرمت استاندارد CSS تبدیل می‎کند. نگارش استایل ‎ها با دید ماژولار از قابلیت ‎های این فریم‎ ورک است. Less خاصیت‎ های پویایی را به CSS اضافه کرده است. به کمک امکانات متعدد آن می ‎توان از زبان CSS به عنوان یک زبان برنامه ‎نویسی استفاده نمود.

استفاده مجدد از مقادیر با استفاده از متغیرها، استفاده مجدد از بلاک‌ها با استفاده از mixins ، استایل‌های مختصرتر با قوانین تو در تو ، انجام محاسبات با استفاده از توابع و عملگرها از جمله کارهایی است که می‌توان با این فریم ورک انجام داد.LESS در هر دو محیط سمت کاربر (مرورگرهای وب مانند گوگل کروم، فایرفاکس، سافاری) و سمت سرور توسط Node.js و Rhino قابل اجرا و بهره گیری می‌ باشد.

این فریم ورک، تنها یک افزونه برای CSS نیست بلکه یک ابزار برای CSS با سینتکس آن است که در ابتدایی ترین حالت می تواند به عنوان یک شیوه‌نامه ی ساده ی CSS استفاده گردد.

چرا باید فریم ورک LESS را انتخاب کرد؟

• نوشتن کد های CSS همانند زبان های برنامه نویسی همچون PHP
• بهبود نوشتن CSS و استفاده بهینه از CSS3
• قابلیت پیاده سازی در دو سمت کاربر و سرور
• تعریف متغیر ها همانند PHP و استفاده از آن ها در سایر قسمت ها
• اجرای آسان عملیات بر روی متغیرها
• افزایش سرعت کد نویسی به کمک mixin
• خوانایی و پیمایش بهتر دستورات تو در تو
• الحاق متن در هنگام ساختن فریم ورک ها

Less و Sass چه شباهت هایی دارند؟

• کلاس ها
• پارامترها
• قانون کلاس های تو در تو که باعث می شود از کد های تکراری جلوگیری شود.
• توابعی که باعث می شود بتوانیم از محاسبات ریاضی در css استفاده کنیم.
• تابع هایی برای رنگ ها که باعث می شود بهتر رنگ ها را انتخاب کنید.
• قابلیت scope

 



 

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

• قابلیت اجرا در سمت سرور و کاربر
• استفاده از mixin برای افزایش سرعت کدنویسی
• اجرای دستورات تودرتو
• نوشتن کدهای CSS با قابلیت یک زبان برنامه‌نویسی
• اجرای استایل و کار بر روی متغیر‌‎ها

و در آخر...

یکی دیگر از پیش پردازنده های زبان CSS، پیش پردازنده LESS می باشد. Less همانند پیش پردازنده sass به شما در تقویت و سازماندهی کد های Css کمک بسیاری می کند. less دارای قابلیت ها، مزایا و امکانات مختلفی می باشد که هر آنچیز که لازم است در این مقاله برای شناخت و آگاهی شما از این موضوع بیان شده است.

less (Leaner Style Sheets )

---

برای مشاهده مقالات بیشتر در مورد سئو سایت و طراحی سایت به صفحه مقالات مراجعه نمایید.