آموزش CSS بهتر: LESS و SASS

سرفصل ها و درس ها

چرا CSS دردناک است Why CSS is Painful

• چرا CSS دردناک است Why CSS is Painful

• بررسی اجمالی Overview

• مشکل رنگ The Color Problem

• مسئله تکثیر The Duplication Problem

• مشکل آبشار The Cascade Problem

• مسئله محاسبه The Calculation Problem

• مشکل وارد کردن The Importing Problem

• خلاصه Summary

LESS بیشتر است LESS is More

• معرفی کمتر Introducing LESS

• نسخه ی نمایشی: less.js Demo: less.js

• کمتر در سرور است Less on the Server

• نسخه ی نمایشی: بدون نقطه Demo: dotless

• اصول کمتر LESS Basics

• نسخه ی نمایشی: سلام به جهان کمتر Demo: Hello World LESS

• با استفاده از متغیرها و عملیات Using Variables and Operations

• نسخه ی نمایشی: با استفاده از متغیرها Demo: Using Variables

• میکسین Mixins

• نسخه ی نمایشی: ایجاد یک Mixin Demo: Creating a Mixin

• قوانین تو در تو Nested Rules

• نسخه ی نمایشی: قوانین Refactoring Demo: Refactoring Rules

• ویژگی های دیگر Other Features

• نسخه ی نمایشی: استفاده از فضاهای نامی و محدوده یابی Demo: Using namespaces and scoping

• خلاصه Summary

با استفاده از SASS Using SASS

• معرفی SASS Introducing SASS

• SASS در سرور SASS on the Server

• نسخه ی نمایشی: استفاده از SassAndCoffee Demo: Using SassAndCoffee

• متغیرها Variables

• نسخه ی نمایشی: با استفاده از متغیرها Demo: Using Variables

• قوانین Rules

• نسخه ی نمایشی: قوانین Refactoring Demo: Refactoring Rules

• @وارد كردن @import

• نسخه ی نمایشی: وارد کردن SASS و CSS Demo: Importing SASS and CSS

• @توسعه دادن، گسترش @extend

• نسخه ی نمایشی: وراثت در قوانین Demo: Inheritance in Rules

• mixin @mixin

• نسخه ی نمایشی: ایجاد Mixins Demo: Creating Mixins

• @عملکرد @function

• نسخه ی نمایشی: ایجاد توابع Demo: Creating Functions

• دستورالعمل های کنترل Control Directives

• نسخه ی نمایشی: با استفاده ازif ،place وfor Demo: Using @if, @where and @for

• خلاصه Summary