اگر با پیش‌پردازنده‌های CSS آشنایی داشته باشید، قطعا نام Sass به گوش شما خورده است. پیش‌پردازنده‌های CSS امکانات زیادی را به آن اضافه می‌کنند و در نتیجه قدرت شما در کدنویسی CSS بیشتر می‌شود. در مقاله قبلی راه‌اندازی Sass را …
برای CSS پیش‌پردازنده‌های زیادی وجود دارد و یکی از معروف‌ترین و پراستفاده ترین آن Sass است. در مقالات قبلی گفتیم که چرا بهتر است از پیش‌پردازنده‌های CSS استفاده کنیم. در این مقاله می‌خواهیم با Sass، روش نصب و استفاده از …
خیلی از توسعه‌دهندگان وب حس بدی نسبت به CSS دارند. هرچقدر که بیشتر کد CSS بنویسید، به مرور زمان در نگهداری و توسعه آن کد بیشتر دچار مشکل می‌شوید. مخصوصا اگر در نام‌گذاری کلاس‌ها در CSS بی‌دقت و بدون اصول …
یکی از اساس طراحی وبسایت، استفاده از ساختار شبکه‌ای (Grid) است و با استفاده از CSS Grid می‌توان به راحتی این ساختار را طراحی کرد. شاید بتوان این روش را جایگزینی برای استفاده از فریم‌ورک های متفاوت دانست. این ویژگی …
طراحی menu به این شکل شاید در نگاه اول کمی سخت به نظر برسه و شاید هم فکر کنید تنها به واسطه‌ی جاوااسکریپت هست که میتونید موفق به ساختن menu با چنین ویژگی بشید. ما در css میتونیم به رویداد‌هایی …
CSS واحدهای مختلفی را برای مشخص کردن طول propertyهایی مانند margin، padding، line-height یا font-size دارد. دلیل تعداد زیاد این واحدها، این است که هر کدام از آن‌ها برای اهداف مختلفی طراحی شده‌اند. برای مثال اگر بخواهید که propertyهای طول …
یکی از ویژگی‌های جذاب و مفیدی که از زمان CSS3 وارد صفحات وب شد flexbox هست. با استفاده از flexbox این قابلیت رو داریم که itemهای صفحه رو با چینش‌های خاصی کنار هم قرار بدیم. همراه ما باشید تا با …
تا به حال به این فکر کردید که انیمیشن هایی که در صفحه مرورگر خود می بینید، چگونه ساخته شده اند؟ در این مقاله قصد داریم یکی از روش های ساخت انیمیشن تحت وب را با هم کار کنیم. روش …
در این مقاله قصد داریم که به مقایسه LESS و SASS ، دو Preprocessor یا به اصطلاح پیش پردازنده CSS بپردازیم. اول ببینیم که پیش پردازنده به چه چیزی می گویند. به طور تحت الفظی پیش پردازنده به برنامه ای …
یکی از متدهای برنامه نویسی , استفاده از حلقه هاست. حلقه ها باعث می شوند که یک تابع , برای چندین بار با شرایط متفاوت روی لیستی از داده ها اعمال شود. اگر سابقه کار با هرکدام از زبان های …
یکی از امکانات مهمی که پیش پردازنده های CSS در اختیار ما قرار می دهند , Mixin است. عملکردی شبیه یک تابع به همراه پارامترهای ورودی می تواند فایده بسیار زیادی در کدنویسی CSS داشته باشد. تعریف یک تابع و …
CSS به تنهایی خیلی جذاب نیست. تصور کنید که بتونید تمام امکانات یک زبان برنامه نویسی رو وارد دنیای CSS کنید. تعریف متغیر , توابع و منطق. اضافه شدن این موارد به CSS , جدا از جذاب کردن اون , …