۱۰ کد آماده برای طراحی کارتهای محصول لوکس و مدرن
۱۰ کد آماده برای طراحی کارتهای محصول لوکس و مدرن رفیق توسعهدهنده! تا حالا شده بخوای کارتهای محصولی واقعا جذاب و لوکس بسازی که چشم هر کاربری رو بگیره؟ میدونم که وقت طلا است و پیدا کردن ابزارهای درست میتونه حسابی توی زمانبندیت صرفهجویی کنه. اینجا دقیقاً همون جاییه که میخوایم ۱۰ تا کد آماده […]
ساخت منوهای چندسطحی (Mega Menu) با انیمیشنهای روان CSS
ساخت منوهای چندسطحی (Mega Menu) با انیمیشنهای روان CSS رفیق برنامهنویس، تا حالا شده بخوای یه منوی navigation خفن بسازی که هم کاربردی باشه و هم زیبایی سایت رو چند برابر کنه؟ یه منویی که هزار تا لینک و دسته بندی توش جا بشه، اما شلوغ و درهم برهم به نظر نرسه؟ دقیقاً داریم در […]
آموزش انیمیشنهای Scroll-reveal با استفاده از Intersection Observer API
آموزش انیمیشنهای Scroll-reveal با استفاده از Intersection Observer API سلام رفیق! دنبال یه راه خفن و بهینه برای جذابتر کردن سایتت میگردی؟ میخوای وقتی کاربر اسکرول میکنه، محتوای سایتت با یه حرکت و جلوه ویژه ظاهر بشه؟ پس جای درستی اومدی. تو این مقاله قراره با هم یاد بگیریم چطور با استفاده از Intersection Observer […]
چگونه افکت مایع (Liquid Distortion) را با استفاده از SVG فی لترها پیاده کنیم؟
چگونه افکت مایع (Liquid Distortion) را با استفاده از SVG فی لترها پیاده کنیم؟ سلام رفیق! اگه دنبال اینی که وبسایتت رو با یه چاشنی از خلاقیت و پویایی تزئین کنی، اومدی جای درستی. امروز میخوایم بریم سراغ یکی از جذابترین افکتهای بصری که این روزا حسابی ترند شده: افکت مایع یا Liquid Distortion. فکر […]
اسنیپتهای طلایی برای افکت Parallax بدون استفاده از کتابخانههای سنگین
اسنیپتهای طلایی برای افکت Parallax بدون استفاده از کتابخانههای سنگین رفیق برنامهنویس، دنبال اون اسنیپتهای جادویی هستی که وبسایتت رو بدون نیاز به حجم اضافی کتابخانهها، جوندار و پویا کنی؟ اینجا دقیقاً همون جاییه که باید باشی! قراره با هم قدم به قدم پیش بریم و افکتهای Parallax خفن رو فقط با CSS و جاوااسکریپت […]
آموزش ساخت انیمیشن لودینگ (Skeleton Screen) برای بهبود تجربه کاربری
آموزش ساخت انیمیشن لودینگ (Skeleton Screen) برای بهبود تجربه کاربری رفیق برنامهنویس، تا حالا شده منتظر لود شدن یه صفحه باشی و فقط یه آیکون چرخون یا یه صفحه سفید ببینی؟ کلافهکننده است، مگه نه؟ این حس برای کاربرات هم پیش میاد! لودینگهای قدیمی دیگه جواب نمیدن. اینجا میخوایم یه تکنیک خفن و مدرن بهت […]
طراحی دکمههای نئونی (Neon) با افکت Hover پیشرفته
طراحی دکمههای نئونی (Neon) با افکت Hover پیشرفته رفیق برنامهنویس، بیا رک و پوستکنده بهت بگم که تو دنیای طراحی وب امروز، دیگه دکمههای ساده و بیروح جواب نمیده. کاربرها دنبال یه تجربه بصری جذاب و تعاملی هستن. وقتی صحبت از جلب توجه و ایجاد حس مدرن و فانتزی میشه، دکمههای نئونی با افکتهای هاور […]
چگونه با استفاده از کدهای ready-to-use افکت تایپ (Typewriter) بسازیم؟
چگونه با استفاده از کدهای ready-to-use افکت تایپ (Typewriter) بسازیم؟ سلام رفیق برنامهنویس! تا حالا شده بخوای توی سایتت یه متن جذاب داشته باشی که انگار داره خودش حرف به حرف نوشته میشه، درست مثل یه ماشین تحریر قدیمی؟ خب، امروز اومدیم با هم یاد بگیریم چطور با چند خط کد آماده و تمیز، این […]
۱۰ اسنیپت CSS برای طراحی پسزمینههای متحرک و گرادینت
انتخاب ۱۰ اسنیپت CSS برای طراحی پسزمینههای متحرک و گرادینت رفیق برنامهنویس، خسته نباشی! اگه مثل من، از دیدن بکگراندای ساده و بیروح تو سایتها دلت میگیره و دلت میخواد یه نفس تازه به طراحیهات ببخشی، این مقاله دقیقاً برای توئه. میخوام بهت ۱۰ تا اسنیپت CSS فوقالعاده رو معرفی کنم که باهاشون میتونی پسزمینههای […]
آموزش ساخت افکت شیشهای (Glassmorphism) فقط با CSS3
آموزش ساخت افکت شیشهای (Glassmorphism) فقط با CSS3 رفیق توسعهدهنده! اگه دنبال اینی که وبسایت یا اپلیکیشنت یه جلوه مدرن، جذاب و باکلاس داشته باشه، احتمالاً اسم گلاسمورفیسم (Glassmorphism) به گوشت خورده. این سبک طراحی که حس شیشه مات و شفاف رو القا میکنه، این روزا حسابی ترند شده و میتونه تجربه کاربری رو متحول […]