نویسنده: Mahyarmi

ترفندهای استفاده از CSS Grid برای لایه‌بندی سایت‌های پریمیوم و لوکس

ترفندهای استفاده از CSS Grid برای لایه‌بندی سایت‌های پرمیوم و لوکس ⭐ نقشه راه شما به سمت گرید‌های لوکس! ⭐ رفیق برنامه‌نویس! اینجا یک خلاصه از مسیریه که قراره با هم طی کنیم تا سایت‌های پرمیوم و لوکس رو با CSS Grid به اوج برسونیم. اگر دنبال ابزارهای خفن برای این کار می‌گردی، همین الان […]

کدهای آماده CSS برای ایجاد پس‌زمینه‌های کهکشانی (Galaxy Background) متحرک

**کدهای آماده CSS برای ایجاد پس‌زمینه‌های کهکشانی (Galaxy Background) متحرک** رفیق برنامه‌نویس، دنبال راهی هستی که وب‌سایت یا اپلیکیشنت رو از یه فضای معمولی ببری به یه کهکشان پر ستاره؟ می‌خوای کاربرات با دیدن پس‌زمینه‌ت محو تماشای حرکت سیارات و ستارگان بشن؟ خب، جای درستی اومدی. تو این مقاله قراره با هم قدم به قدم […]

طراحی کارت‌های شیشه‌ای (Glassmorphism) فوق مینیمال برای رابط کاربری مدرن

طراحی کارت‌های شیشه‌ای (Glassmorphism) فوق مینیمال برای رابط کاربری مدرن رفیق برنامه‌نویس یا طراح! اگه توی دنیای رابط کاربری مدرن باشی، حتماً اسم گلاسمورفیسم یا همون “طراحی شیشه‌ای” به گوشت خورده. یه ترند جذاب و دوست‌داشتنی که تونسته توی این چند سال اخیر حسابی خودشو تو دل کاربرا جا کنه. اما امروز می‌خوایم یه قدم […]

آموزش ساخت دکمه‌های نئونی (Neon) با افکت‌های آینده‌نگرانه در CSS

آموزش ساخت دکمه‌های نئونی (Neon) با افکت‌های آینده‌نگرانه در CSS تا حالا شده بخوای دکمه‌های وب‌سایتت اونقدر جذاب باشن که چشم کاربر رو خیره کنن؟ دکمه‌های نئونی با افکت‌های آینده‌نگرانه، دقیقاً همون چیزیه که به پروژه‌ت روح میده و حس و حال مدرن و خاصی بهش می‌بخشه. توی دنیای امروز که طراحی بصری حرف اول […]

بهینه‌سازی کدهای CSS برای چاپ برگه (Print Style Sheet) ( کدهای CSS برای پرینت صفحه)

بهینه‌سازی کدهای CSS برای چاپ برگه (Print Style Sheet) ( کدهای CSS برای پرینت صفحه) رفیق برنامه‌نویس، تا حالا شده مشتری یا مدیرت ازت بخواد که وقتی صفحه‌ش رو پرینت می‌گیرن، یه چیز دیگه از آب دربیاد؟ یا شاید خودت خواستی یه صفحه رو برای چاپ آماده کنی و دیدی که همه‌چی بهم ریخته و […]

کدهای آماده برای افکت متن گرادینت متحرک (Animated Gradient Text) (متن گرادینت در CSS)

کدهای آماده برای افکت متن گرادینت متحرک (Animated Gradient Text) (متن گرادینت در CSS) رفیق توسعه‌دهنده! اگه دنبال راهی هستی که متن‌های وب‌سایتت رو از یکنواختی دربیاری و با انیمیشن‌های چشم‌نواز، بازدیدکننده‌هات رو میخ‌کوب کنی، جای درستی اومدی. افکت متن گرادینت متحرک (Animated Gradient Text) یکی از جذاب‌ترین تکنیک‌های CSS3ئه که می‌تونه به برندت هویت […]

ترفندهای طراحی اسکرول‌بار (Scrollbar) سفارشی و مدرن فقط با CSS ( تغییر شکل اسکرول بار با CSS)

ترفندهای طراحی اسکرول‌بار (Scrollbar) سفارشی و مدرن فقط با CSS (تغییر شکل اسکرول بار با CSS) در دنیای امروز که رقابت بر سر جذب و حفظ کاربر هر روز بیشتر می‌شود، جزئیات کوچک تفاوت‌های بزرگی را رقم می‌زنند. یکی از این جزئیات، که اغلب نادیده گرفته می‌شود اما تأثیر زیادی بر تجربه کاربری و زیبایی‌شناسی […]

کدهای آماده برای افکت هاور کارت‌های مدرن با متغیرهای هوشمند CSS (افکت هاور کارت CSS)

کدهای آماده برای افکت هاور کارت‌های مدرن با متغییرهای هوشمند CSS (افکت هاور کارت CSS) رفیق برنامه‌نویس، دنبال یه راهکار شیک و مدرن برای جون بخشیدن به کارت‌های سایتت هستی؟ چیزی که هم کدنویسیش تمیز باشه و هم چشم هر بیننده‌ای رو به خودش خیره کنه؟ پس درست اومدی! تو این مقاله قراره با هم […]

حل مشکل پرش صفحه هنگام لود تصاویر با Aspect-ratio در CSS (مشخصه aspect-ratio در CSS)

حل مشکل پرش صفحه هنگام لود تصاویر با Aspect-ratio در CSS (مشخصه aspect-ratio در CSS) رفیق برنامه‌نویس، اگه تا حالا با اون صحنه کلافه‌کننده مواجه شدی که یه صفحه وب رو باز می‌کنی و محتواش به خاطر لود شدن تصاویر یهو می‌پره بالا و پایین، بدون تنها نیستی! این مشکل که بهش Cumulative Layout Shift […]

کدهای کاربردی CSS Logical Properties برای مدیریت همزمان سایت‌های RTL و LTR (ویژگی های منطقی در CSS)

# **کدهای کاربردی CSS Logical Properties برای مدیریت همزمان سایت‌های RTL و LTR (ویژگی های منطقی در CSS)** رفیق برنامه‌نویس، اگه تا الان سر مدیریت جهت‌دهی سایتت (راست به چپ یا چپ به راست) وقت و انرژی زیادی رو هدر دادی، این مقاله دقیقاً برای خودته. دیگه لازم نیست برای هر زبان و جهتی کلی […]