نویسنده: Mahyarmi

اسنیپت‌های بهینه‌سازی شده برای Lazy Loading تصاویر در JS

اسنیپت‌های بهینه‌سازی شده برای Lazy Loading تصاویر در JS تماس: ۰۹۲۰۲۲۳۲۷۸۹ رفیق برنامه‌نویس، تا حالا شده یه سایت پر از تصویر رو ببینی که بارگذاریش از سرعت حلزون هم کمتره؟ احتمالاً تو هم مثل من دلت می‌خواد یه مشت کد به همون توسعه‌دهنده بفرستی! خب، اینجا دقیقا همون جاییه که ما قراره با هم یاد […]

بهترین کدهای آماده برای مدیریت Local Storage در مرورگر

بهترین کدهای آماده برای مدیریت Local Storage در مرورگر 🚀 پروژه‌هات رو با سرعت نور پیش ببر! 🚀 خسته شدی از نوشتن کدهای تکراری برای مدیریت Local Storage؟ نگران نباش رفیق! اینجا دقیقاً همون جاییه که می‌تونی بهترین ابزارها و اسنیپت‌های آماده رو برای فروشگاه ابزارهای ما پیدا کنی و کارایی پروژه‌هات رو چندین برابر […]

چگونه یک Copy-to-Clipboard حرفه‌ای برای کدهای سایت بسازیم؟

چگونه یک Copy-to-Clipboard حرفه‌ای برای کدهای سایت بسازیم؟ رفیق برنامه‌نویس، تا حالا شده یه کدی رو تو سایتت گذاشتی و دلت خواسته کاربرات با یه کلیک اونو کپی کنن؟ حتماً شده! دیگه اون دوران که کاربر باید با موس کد رو سلکت می‌کرد و Ctrl+C می‌زد تموم شده. امروز قراره با هم یاد بگیریم چطور […]

آموزش اعتبار‌سنجی (Validation) شماره موبایل و کد ملی با Regex

آموزش اعتبار‌سنجی (Validation) شماره موبایل و کد ملی با Regex 🚀 نقشه راه اعتبار‌سنجی موبایل و کد ملی با رگولار اکسپرشن (Regex) ✅ اعتبار‌سنجی شماره موبایل ▪ ساختار: 09XX-XXX-XXXX ▪ Regex پایه: `^09d{9}$` ▪ Regex پیشرفته: شامل پیش‌شماره (+98) و یا بدون صفر اول ▪ چالش: فرمت‌های متفاوت، خطوط ثابت 👤 اعتبار‌سنجی کد ملی ▪ […]

اسنیپت‌های JS برای ساخت ماشین‌حساب‌های کاستوم و اختصاصی

اسنیپت‌های JS برای ساخت ماشین‌حساب‌های کاستوم و اختصاصی 🎯 راهنمای جامع: ساخت ماشین‌حساب‌های JS در یک نگاه! 🎯 💡 هدف اصلی: با اسنیپت‌های جاوااسکریپت، ماشین‌حساب‌های دقیق و منعطف خودت رو بسازی. 🛠️ ابزارهای مورد نیاز: HTML برای ساختار، CSS برای زیبایی، جاوااسکریپت برای منطق محاسبات. ✅ ویژگی‌های کلیدی: انعطاف‌پذیری، تعامل بی‌درنگ، قابلیت اعتبارسنجی ورودی، بهینه‌سازی […]

توابع کاربردی جاوااسکریپت برای مدیریت فرمت‌های تاریخ شمسی

توابع کاربردی جاوااسکریپت برای مدیریت فرمت‌های تاریخ شمسی سلام رفیق برنامه‌نویس! اگه تا حالا با نمایش تاریخهای شمسی توی پروژه‌هات در جاوااسکریپت سروکله زدی، می‌دونی که این کار می‌تونه یه چالش درست و حسابی باشه. از تبدیل میلادی گرفته تا فرمت‌دهی‌های مختلف مثل “۱۴۰۲/۰۷/۲۵” یا “سه‌شنبه، بیست و پنجم مهر ۱۴۰۲”، همه‌اش داستان خودشو داره. […]

۱۰ کد آماده برای طراحی کارت‌های محصول لوکس و مدرن

۱۰ کد آماده برای طراحی کارت‌های محصول لوکس و مدرن رفیق توسعه‌دهنده! تا حالا شده بخوای کارت‌های محصولی واقعا جذاب و لوکس بسازی که چشم هر کاربری رو بگیره؟ می‌دونم که وقت طلا است و پیدا کردن ابزارهای درست می‌تونه حسابی توی زمانبندیت صرفه‌جویی کنه. اینجا دقیقاً همون جاییه که می‌خوایم ۱۰ تا کد آماده […]

ساخت منوهای چندسطحی (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. فکر […]