۱۰ ترفند مخفی در Chrome DevTools برای دیباگ کردن سریعتر کدها
۱۰ ترفند مخفی در Chrome DevTools برای دیباگ کردن سریعتر کدها سلام رفیق برنامهنویس! حتماً با Chrome DevTools آشنایی داری و کلی ازش برای دیباگ کردن و بررسی کدهات استفاده میکنی. اما اگه بهت بگم که کلی امکانات پنهان و قدرتمند توی این ابزار وجود داره که میتونه سرعت دیباگ کردن کدهات رو چندین برابر […]
چگونه یک تایمر معکوس (Countdown) برای جشنوارههای فروش بسازیم؟
چگونه یک تایمر معکوس (Countdown) برای جشنوارههای فروش بسازیم؟ رفیق برنامهنویس، میدونی چقدر یه تایمر معکوس جذاب میتونه فروش جشنوارههات رو متحول کنه؟ اگه دنبال راهیه که مشتریهات با دیدن یک کانتداون حرفهای هول کنن و سریعتر دکمه “خرید” رو بزنن، اومدی جای درست! تو این مقاله قراره با هم از صفر تا صد یاد […]
بهترین اسنیپتها برای نمایش کدهای برنامه نویسی در سایت با Syntax Highlight
بهترین اسنیپتها برای نمایش کدهای برنامه نویسی در سایت با Syntax Highlight سلام رفیق برنامهنویس! اگه سایت داری و میخوای کدهات رو طوری نمایش بدی که هم چشمنواز باشه، هم خوانایی بالایی داشته باشه و هم حس و حال یک سایت حرفهای رو به کاربر منتقل کنه، درست اومدی. میدونی که نمایش خشک و خالی […]
آموزش ساخت کارتهای ۳ بعدی (3D Flip Cards) برای بخش تیم ما
آموزش ساخت کارتهای ۳ بعدی (3D Flip Cards) رفیق برنامهنویس، دنبال ابزارهای خفن برای پروژههات میگردی؟ 🚀 برای ساخت کارتهای سهبعدی و کلی چیزای دیگه، ابزارهای مناسب حرف اول رو میزنن. همین الان یه سر به فروشگاه ابزارهای ما بزن و از بهترینها بهرهمند شو! ✨ ابزارهات رو اینجا پیدا کن! ✨ 💡 نقشه راه […]
کدهای کاربردی برای مدیریت خطاهای 404 به صورت خلاقانه
کدهای کاربردی برای مدیریت خطاهای 404 به صورت خلاقانه رفیق برنامهنویس، تا حالا شده کلی زحمت بکشی برای یه پروژه، بعد یهو ببینی کاربرات وقتی به صفحهای میرسن که وجود نداره، یه صفحه 404 خشک و بیروح میبینن؟ این فقط به معنی “صفحه پیدا نشد” نیست، بلکه یعنی یه فرصت از دست رفته برای ارتباط […]
چگونه از فونتهای فارسی آیکونی در پروژههای وب استفاده کنیم
چگونه از فونتهای فارسی آیکونی در پروژههای وب استفاده کنیم؟ نقشه راه سریع: استفاده از فونت آیکونی فارسی (یه نگاه اجمالی) ✨ ۱. انتخاب و دانلود فونت آیکونی متناسب با پروژهات (مثل فونتهای اختصاصی فارسی) رو از فروشگاه ابزارهای ما انتخاب و دانلود کن. 📂 ۲. آمادهسازی فایلها فایلهای فونت (EOT, WOFF, WOFF2, TTF, SVG) […]
اسنیپتهای آماده برای بهینهسازی سئو (Meta Tags) در پروژههای Single Page
اسنیپتهای آماده برای بهینهسازی سئو (Meta Tags) در پروژههای Single Page رفیق برنامهنویس، میدونم چه حس و حالیه وقتی کلی زحمت میکشی برای یه SPA خفن، ولی گوگل و بقیه موتورهای جستجو انگار نه انگار! انگار پروژه Single Page تو رو یه صفحه خالی میبینن و اصلا دلشون نمیخواد رتبهای بهش بدن. اینجاست که اهمیت […]
آموزش کار با Pseudo-elements (Before & After) برای خلق طرحهای خاص
آموزش کار با Pseudo-elements (Before & After) برای خلق طرحهای خاص رفیق برنامهنویس، آمادهای تا جادوی CSS رو توی طراحیهات پیاده کنی و کاربرها رو شگفتزده کنی؟ توی این مقاله قراره با هم سفری هیجانانگیز به دنیای Pseudo-elements داشته باشیم و ببینیم چطور با دو عنصر کوچیک اما قدرتمند ::before و ::after میتونی طرحهایی خلق […]
بهترین متغیرهای CSS (CSS Variables) برای مدیریت سیستم رنگبندی
بهترین متغیرهای CSS (CSS Variables) برای مدیریت سیستم رنگبندی سلام رفیق برنامهنویس! اگه مثل من از اون دست آدمهایی هستی که هر بار برای تغییر یه رنگ تو پروژهات باید سیصد خط کد رو اسکرول کنی و دنبال اون کد هگز بگردی، پس این مقاله دقیقاً برای تو نوشته شده. مدیریت رنگبندی تو پروژههای بزرگ […]
چگونه حجم کدهای CSS خود را با ابزارهای Purge تا ۹۰٪ کاهش دهیم؟
چگونه حجم کدهای CSS خود را با ابزارهای Purge تا ۹۰٪ کاهش دهیم؟ رفیق برنامهنویس! تا حالا شده سایتت رو تست کنی و ببینی سرعت لودش از لاکپشت هم کمتره؟ احتمال زیاد حجم زیاد فایلهای CSSت یکی از اصلیترین دلیلهاشه. خبر خوب اینکه میتونی با یه ترفند ساده و چند تا ابزار هوشمند، تا ۹۰٪ […]