به بیانی ساده CSS زبانی است که توسط آن قادریم تا استایل مد نظر خود برای یک یا گروهی از المان های صفحات وب ایجاد کنیم و کنترل بسیار مناسبی روی رفتارها, محل قرار گیری و چینش المان ها موجود در سند وب داشته باشیم. این زبان قادر به ایجاد افکت ها و انیمیشن های بسیار پیشرفته نیز می باشد اما مهمترین ضعف این زبان حالت ایستایی و یکنواختی آن می باشد بطوری که طراح وب، عملا توانایی اعمال تغییر در ساختار و نحوه کدنویسی آن را نداشته و به ناچار مجبور به پیروی از یک سبک خاص در کدنویسی (استایل نویسی) می باشد و صرفا با کنار هم قرار دادن یک سری خصیصه (پراپرتی) و مشخص کردن مقدار و یا مقادیری بر حسب نوع خصیصه نحوه رفتار یک امان را در صفحات وب کنترل می نماید. به عنوان مثال با تعریف رنگ برای یک عنصر خاص خصیصه رنگ را برای یک عنصر مشخص می نماید. بدین حالت ممکن است خصیصه ای خاص و یکسان بارها و بارها و بصورت تکرای برای دسته ای از المان های موجود در سند مورد استفاده قرار گیرد که با افزایش حجم کدها عملا مدیریت کدها به یک چالش بزرگ برای طراح تبدیل می شود چرا که در آینده در صورت نیاز به تغییر در خصیصه ای مانند همین رنگ برای دسته ای از عناصر، مجبور به تغییر مقدار خصیصه بصورت یک به یک برای هریک از عناصر خواهد بود (البته این یک مثال بسیار ساده در مورد یکی از موارد و مشکلات کدنویسی توسط CSS بخصوص در پروژه های بزرگ می باشد) لذا برای رفع این نواقص و نزدیک تر کردن هر چه بیشتر زبان CSS به زبان های برنامه نویسی رایج مانند PHP از نظر ساختار کدنویسی و به عبارتی پویا (داینامیک) کردن آن، مانند تعریف متغییرها و توابع و پارامتر ها پیش پردازنده های CSS وارد عرصه طراحی وب شدند و به سرعت جای خود را به عنوان ابزارهایی بسیار کاربردی برای هر چه نزدیک تر کردن زبان شیوه نامه ای CSS به زبان های برنامه نویسی رایج بین طراحان و توسعه دهندگان وب باز کردند. طراحان به کمک این پیش پردازنده ها توانایی مدیریت و تولید کد های بهینه تر و توسعه پذیر را در بازه زمانی کمتر پیدا نمودند. امروزه فراگیری حداقل یک مورد از پیش پردازنده های CSS جز ضروری ترین مواردی است که یک طراح حرفه ای باید در نظر داشته باشد کما اینکه بسیاری از فریم ورک های محبوب مانند بوت استرپ نیز از یکی از محبوب ترین پیش پردازنده ها با نام LESS را در ساختار هسته خود استفاده نموده تا طراحان به راحتی بتوانند در پروژه های خود از آن بهره ببرند.
به همین دلیل وب سایت سون لرن نیز در راستای اهداف خود برای افزایش سطح علمی علاقه مندان و آموزش مباحث مبتنی بر وب و با توجه به اهمیت این موضوع و نیاز طراحان به آن تصمیم به برگزاری دوره ای جامع در زمینه یکی از محبوب ترین این پیش پردازنده ها با نام LESS نموده ایم . امید است، این دوره نیز به مانند سایر دورهای آموزشی وب سایت سون لرن که تا به امروز برگزار شده مورد استقبال، استفاده و ارتقای سطح علمی شما عزیزان گردد.
دانلود PDF سرفصل های کامل دوره LESS
سلام
ممنون از آموزش های خوبتون
در پلاگین less در phpstorm به مشکلی برخوردم که error زیر را میدهد.باید چکار کنم؟
باسلام و احترام
من هم مشکلم اینه استایل هام خونده نمیشه لینک فایلم رو قرار دادم ممنون می شم راهنمایی بفرمایید. (کامپایلرم رو هم داخل پوشه less قرار دادم.)
http://upcdn.mobinnet.net/GetFile.aspx?FileID=IN6CBvTeYESjVeziUKoKmA
ازشماممنونم
سلام
می خوام کاربر از ادمین رنگ قالب را انتخاب کنه و قالب تغییر کنه.این را به چه صورت می تونم با less طراحی کنم؟
کدرنگ باید در دیتا بیس ذخیره شود و این کد برای متغییر در less قرار بگیرد.
لطفا نحوه ارسال کد رنگ از دیتا بیس به فایل less را توضیح بدید.
تشکر
بستگی داره
سلام
با زبان سمت سرور آشنایی دارم مسئله اینه که کد رنگی که از دیتا بیس خونده می شه چه جوری به فایل lessبفرستم؟
در فایل های آموزشی گفتید که تغییر رنگ قالب در ورد پرس با less می باشد الان من می خوام با aspپیاده کنم.
و اینکه برای تغیرر رنگ قالب باید فایل less را به پروژه اضافه کنم؟!
می شه روال کار برای تغییر رنگ قالب را بفرمایید؟
شما برای این کار باید چند کلاس در فایل less تعریف کنید که هر کلاس رنگ خاص خودشو داره بعد زمانی که کد رنگ رو از دیتابیس می خونید با توجه به رنگی که از دیتابیس اومده با استفاده مقدار برگشتی رو به اون عنصر اضافه می کنید
باید با یکی از زبان های سمت سرور مثل php آشنا باشید
سلام به این صورت باید بنویسید
// Variables @image: "../img"; // Usage body { background: url("@{image}/index.jpg"); }سلام من داخل less
css تبدیل شده < background-image: url("[object Object]/index.jpg") > less < @image:url("../img"); background-image: url("@{image}/index.jpg"); >من چی کار کنم ؟؟
هنوزم مشکل دارم
دوست عزیز تنظیمات ابزار simpless که کامپایلر ما بود رو ست کردی درضمن در جلسات جلو تر کامپایلر phpstorm رو هم معرفی کردیم اون رو هم باید ست کنید تنظیماتش رو اگر فایل لس کامپایل نشه کدها تون کار نخواهد کرد
سلام وقت بخیر مشکلی در دانلود ویدئو جلسه 6 به بعد دارم اول اینکه ویدئو هارو نمیشه دانلود منیجیر دانلود کرد ولی فایل های مربوط به جلسه رو میشه ، چندین مربته هم تست کردم با دانلود مروگر درصد های آخر ویدئو دانلود قطع میشود ؟لطفا بررسی بفرمایید تشکر.
سلام از نرم افزار idm برای دانلود استفاده کنید
برای اواخر تابستون هست احتمالا
نرم افزار تیم ویور دارید ؟ چطوره یه نگاهی بکنید
خیلی ها اینجا کامنت داده اند که متن ما مشکی هست !!
نه
طبق آموزش کلا جی کوئری لود نکرده ام !
مگه لازمه لود کنم ؟
نه لازم نیست اگر تابع جی کوئری نداشته باشید از CDN زیر بجای فایل لس استفاده کنید ببنید مشکل حل میشه در کل اگر طبق آموزش پیش رفته باشید نباید مشکلی باشه همونطور که در ویدئو مشاهده کردید!
کتابخونه جی کوئری رو قبل از فایل js لس لود کردید؟
من این کارو کردم ولی هیچ تغییری نمیکنه
هنوزم مشکی هست