#️⃣ #3d_website

💢 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

#️⃣ #NEWPost

🚀 @coolycode

#text

🚀 @coolycode

این سایت کاملا رایگان و نامحدوده و برای استفاده ازش، کافیه فقط وارد وبسایتش بشید و عکستون رو اپلود کنید تا لینکشو بهتون بده ✅

🔺 اگر این لینک رو به عنوان اتریبیوت src تگ img قرار بدید لوگو کولی‌کد به شما نمایش داده می‌شه 🔺

#️⃣ #website #image

🚀 @coolycode

استفاده کورکورانه از کدی که متوجه اش نشدید در آینده میتونه عواقب بدی رو به همراه داشته باشه !

#️⃣ #gpt #fun

🚀 @coolycode

   const sym1 = Symbol('test')
   const sym2 = Symbol('test');
   console.log(sym1 === sym2); // false

#️⃣ #javanoscript #symbol

🚀 @coolycode

Programmers On Fire ⚡

🚀 @coolycode

#️⃣ #youtube

🚀 @coolycode

#️⃣ #NEWPost

🚀 @coolycode

سم جدید جور کردم براتون بفرستید برا اینو اون و خلاصه کیف کنید، هر بار بهش فکر میکنم خندم می گیره 🔥😂

#️⃣ #NEWPost #programming

🚀 @coolycode

➊ افزایش سرعت بارگذاری اولیه
با بارگذاری محتوای ضروری، صفحات سریع‌تر لود می‌شوند.

➋ کاهش استفاده از پهنای باند
چون محتوای غیرضروری به‌صورت همزمان لود نمی‌شود، مصرف داده کاهش می‌یابد.

➌ بهبود تجربه کاربری
کاربران تجربه بهتری از سرعت و عملکرد صفحه خواهند داشت.

<img src="image.jpg" alt="Sample Image" loading="lazy" />

با استفاده از اتریبیوت loading با مقدار lazy، مرورگر تصویر را تنها زمانی که کاربر به آن نزدیک می‌شود یا به آن نیاز پیدا می‌کند (مثلاً وقتی اسکرول می‌کند) بارگذاری می‌کند.

const LazyComponent = React.lazy(() => import('./MyComponent'));

function App() {
  return (
    <React.Suspense fallback={<div>Loading...</div>}>
      <LazyComponent />
    </React.Suspense>
  );
}

این کد با استفاده از React.lazy کامپوننت را به‌صورت لیزی لود می‌کند و با کمک Suspense تا زمان بارگذاری کامل، یک پیام یا محتوای موقت (مثل "Loading...") را نمایش می‌دهد.

#️⃣ #WhatsThat #lazyloading #javanoscript

🚀 @coolycode

رابط‌های کاربری ساده و کم‌جزئیات باعث می‌شود کاربران به راحتی با سایت ارتباط برقرار کنند و تمرکز بیشتری بر محتوای اصلی داشته باشند.

کاربران انتظار دارند صفحات به سرعت بارگذاری شوند؛ بنابراین بهینه‌سازی تصاویر و استفاده درست از انیمیشن‌ها می‌تواند تجربه کاربری ( UX ) را بهبود دهد.

کاربران باید بدانند چگونه با المان‌های مختلف تعامل کنند، به همین دلیل استفاده از دکمه‌های برجسته و بازخوردهای بصری مانند تغییر رنگ یا افکت‌های هاور کمک می‌کند تا تجربه کاربری بهبود یابد.

استفاده از الگوهای رایج در طراحی مانند منوهای همبرگری یا ساختار صفحات مشابه سایت‌های مشهور به کاربران کمک می‌کند سریع‌تر با وب‌سایت آشنا شوند.

ارائه بازخورد فوری به کاربران پس از انجام یک عملیات (مثل ارسال فرم یا کلیک روی دکمه) باعث می‌شود آن‌ها بدانند که عملیات با موفقیت انجام شده است.

مثلا وقتی به روی دکمه ارسال فرم کلیک میشود، بهتر است دکمه به حالت لودینگ در بیاید تا زمانی که پاسخ از سمت سرور دریافت شود

#️⃣ #uiux #tips

🚀 @coolycode