منابع طراحی وب سایت

#سایت تولید loading های جالب با CSS 🔸 رایگان 🔸 جذاب 🔸 حرفه ای 🔸 استاندارد 🔸 قابل تنظیم 🔸 کیفیت عالی https://www.cssportal.com/css-loader-generator/ 🆔 @Website_Design_Resources

#سایت یک کامپوننت وب برای ترسیم الگوها با CSS 🔸 رایگان 🔸 سنگین 🔸 حرفه ای 🔸 قابل تنظیم https://css-doodle.com/ 🆔 @Website_Design_Resources

#سایت #پلاگین اسلایدر حرفه ای 🔸رایگان 🔸حرفه ای 🔸بدون باگ 🔸امکانات عالی https://splidejs.com/ 🆔 @Website_Design_Resources

#سایت #پلاگین اسلایدر حرفه ای 🔸رایگان 🔸حرفه ای 🔸بدون باگ 🔸امکانات عالی https://splidejs.com/ 🆔 @Website_Design_Resources

#سایت تولید گرادینت 🔸 ساده 🔸رایگان 🔸بدون باگ 🔸قابل تنظیم برای حالت های : Linear - Radial - Elliptical - Conical 🔸خروجی ها : RGB - Hex - Android - SwiftUI - Canvas - SVG - Image https://angrytools.com/gradient/ 🆔 @Website_Design_Resources

#سایت چک کردن Description وب سایت 🔸 رایگان 🔸 بدون باگ 🔸 نمایش پیش نمایش لینک سایت در نتایج گوگل https://mrs.digital/tools/meta-length-checker/ 🆔 @Website_Design_Resources

#سایت رمز کردن فایل های جاوا اسکریپت 🔸 رایگان 🔸بدون باگ 🔸حفظ امنیت فایل 🔸غیر قابل رمزگشایی 🔸 قابل تنظیم با آپشن های مختلف https://obfuscator.io/ 🆔 @Website_Design_Resources

#سایت کتابخانه جذاب اسکرول ✍️وقتی صفحه به پایین اسکرول میشه، المان ها با یک افکت خاصی ظاهر میشن https://michalsnik.github.io/aos/ 🆔 @Website_Design_Resources

#سایت #پلاگین اسلایدر حرفه ای 🔸رایگان 🔸حرفه ای 🔸بدون باگ 🔸امکانات عالی https://splidejs.com/ 🆔 @Website_Design_Resources

#سایت #پلاگین درگ المنت ✍️ یک کتابخانه جاوا اسکریپت و پلاگین جی کوئری است که طرح‌بندی‌های بدون شکاف و قابل کشیدن ایجاد می‌کند. https://packery.metafizzy.co/ 🆔 @Website_Design_Resources

#سایت افکتهای #css جذاب 🆔 @Website_Design_Resources https://www.transition.style/

#سایت افکتهای #css جذاب 🆔 @Website_Design_Resources https://www.transition.style/

#سایت دانلود loading 🔸 رایگان 🔸 بدون باگ 🔸 خروجی با کیفیت svg 🔸قابل تنظیم سرعت و رنگ اندازه و ... https://www.fffuel.co/svg-spinner/ 🆔 @Website_Design_Resources

#سایت دانلود رایگان فایل svg 🔸رایگان 🔸قابلیت تغییر رنگ 🔸قابلیت تغییر اندازه 🔸خروجی های مختلف https://www.svgbackgrounds.com/ 🆔 @Website_Design_Resources

مقدارهای font-display در #css : در CSS به شما این امکان را می‌دهند که نحوه بارگذاری و نمایش فونت‌های وب را کنترل کنید. این ویژگی به خصوص در بهینه‌سازی زمان بارگذاری و تجربه کاربری اهمیت دارد. مقادیر مختلف font-display عبارتند از: 1. auto: این مقدار به مرورگر اجازه می‌دهد تا تصمیم بگیرد که چگونه فونت را بارگذاری کند. این حالت معمولاً رفتار پیش‌فرض مرورگر است. 2. block: با این مقدار، مرورگر تا زمانی که فونت بارگذاری نشود، متن را به صورت "فضای خالی" نمایش می‌دهد. این حالت می‌تواند باعث ایجاد تأخیر در نمایش متن شود، اما از "فلیش" (flash of unstyled text) جلوگیری می‌کند. 3. swap: در این حالت، متن بلافاصله با یک فونت پیش‌فرض (مانند فونت سیستم) نمایش داده می‌شود و به محض بارگذاری فونت اصلی، متن با آن جایگزین می‌شود. این روش تجربه کاربری بهتری را فراهم می‌کند. 4. fallback: مشابه با swap است، اما اگر فونت اصلی بارگذاری نشود، متن با فونت پیش‌فرض نمایش داده می‌شود. این حالت به نوعی ترکیبی از block و swap است. 5. optional: در این حالت، اگر فونت به سرعت بارگذاری نشود، مرورگر می‌تواند از فونت پیش‌فرض استفاده کند و نیازی به انتظار برای بارگذاری فونت اصلی نیست. این گزینه برای بهینه‌سازی بارگذاری و تجربه کاربری در شرایط شبکه ضعیف مناسب است. استفاده از این مقادیر به شما کمک می‌کند تا کنترل بیشتری بر روی نحوه نمایش متن در وب‌سایت خود داشته باشید و تجربه کاربری بهتری را فراهم کنید 🆔 @Website_Design_Resources

#سایت چک کردن سایت از نظر سئو 🔸 حرفه ای 🔸 بدون باگ 🔸 گزارش کامل 🔸 پیشنهادات رفع مشکلات سئو 🔸 رایگان (1 درخواست در یک روز) https://sitechecker.pro/ 🆔 @Website_Design_Resources

زمان انتظار گوگل برای خواندن صفحه وب 🔸 کمتر از 1 ثانیه : عالی 🔸 بین 1 تا 2 ثانیه : خوب 🔸 بین 2 تا 3 ثانیه : قبول 🔸 بین 3 تا 4 ثانیه : ضعیف 🔸 بین 4 تا 5 ثانیه : خیلی ضعیف 🆔 @Website_Design_Resources

#سایت تولید عکس پیش فرض 🔸 رایگان 🔸 حرفه ای 🔸 بدون باگ 🔸 تنظیم برای انواع سایز https://picsum.photos/ 👉 <img src="https://picsum.photos/200/300?random=1"> 🆔 @Website_Design_Resources

#سایت افزایش کیفیت عکس با هوش مصنوعی 🔸 رایگان 🔸 حرفه ای 🔸 بدون باگ 🔸 بدون فیلتر https://www.upscale.media/ 🆔 @Website_Design_Resources

#سایت چک کردن رنگ متن از دید گوگل از لحاظ #سئو 🔸 رایگان 🔸 حرفه ای 🔸 بدون باگ https://dequeuniversity.com/rules/axe/4.9/color-contrast 🆔 @Website_Design_Resources