آموزش Less

آموزش طراحی وب سایت با استفاده از Less

LESS چیست؟

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

LESS یک زبان اسکریپتی است که میتواند به زبان CSS کامپایل شود، بنابراین مرورگرها میتوانند آنرا بخوانند. به کمک آن میتوان متغیر ساخت، فانکشن نوشت، و آنها را میکس کرد.

چرا باید از LESS استفاده کرد؟

  • LESS میتواند سریع تر CSSهای تمیز و استانداردتری ایجاد کند.
  • LESS به زبان جاوا اسکریپت نوشته شده است و میتوان از آن بصورت live استفاده کرد، بنابراین نسبت به دیگر فریم ورک های CSS سریع تر است.
  • کدهای LESS بصورت ماژولار است و بنابراین مهم است آنها را خوانا نوشت تا بتوان بعدا به راحتی تغییر داد.

تاریخچه

LESS توسط الکسیس سلیر در سال 2009 و بصورت اپن سورس طراحی شده است. اولین نسخه LESS به زبان روبی نوشته شده است ولی در نسخه های دیگر به زبان جاوا اسکریپت نوشته شد.

ویژگی ها

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

مزایا

  • LESS به راحتی CSS ایجاد میکند.
  • به کمک LESS میتوان کدهای تمیزتر نوشت.
  • میتوان به کمک متغیرها از کدها نگهداری کرد.
  • با کمک LESS میتوان از تمامی کلاس ها استفاده کرد.
  • با کمک دستورالعمل های LESS میتوان سریع تر کد نوشت.

اشکالات

  • اگر آشنا به فریم ورک های CSS نسیتید یادگیری آن سخت است.
  • بخاطر اتصالاتی که بین ماژول ها وجود دارد استفاده و تست ماژول های وابسته مشکل است.
  • LESS شباهت کمی به فریم ورک قدیمی تر مثل SASS دارد.
نوشتن دیدگاه

جستجو در سایت

  • مقدمه +

    LESS فریم ورک  CSS است که میتوان استایل شیت را شخصی سازی و مدیریت کند. همچنین میتوان از آن برای

    Read More

  • نصب LESS +

    LESS فریم ورک  CSS است که میتوان استایل شیت را شخصی سازی و مدیریت کند و میتواند بر روی تمامی

    Read More

  • LESS - قوانین تو در تو - Nested Rules +

    یکسری از ویژگی های CSS وجود دارد که به شما این اجازه را میدهد تا از ویژگی های یک کلاس

    Read More

  • LESS - directive های تو در تو +

    شما میتوانید directive هایی نظیر media و keyframe را بصورت تو در تو بنویسید. شما میتوانید directive را در بالا

    Read More

  • LESS - عملیات ریاضی +

    LESS از برخی عملیات های ریاضی نظیر جمع (+)، منها (-)، ضرب (*)، و تقسیم (/) پشتیبانی میکند و میتوانند بر روی اعداد، رنگ

    Read More

  • LESS - escaping +

    escaping سلکتورها را بصورت داینامیک ایجاد میکند و از مقادیر متغیرها به شکل رشته استفاده میکنند.

    Read More

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

افراد آنلاین

ما 52 مهمان و بدون عضو آنلاین داریم