نویسنده: Mahyarmi

پیاده‌سازی افکت پارالکس (Parallax) چندلایه‌ای برای صفحات فرود پریمیوم

پیاده‌سازی افکت پارالکس (Parallax) چندلایه‌ای برای صفحات فرود پریمیوم 🛣️ نقشه راه پیاده‌سازی پارالکس چندلایه‌ای: یک نگاه سریع 1️⃣ درک مفهوم پارالکس شناخت لایه‌ها، سرعت حرکت و کاربرد در UX. 2️⃣ ساختار HTML بنیادی تعریف کانتینر و لایه‌های مختلف با ترتیب صحیح. 3️⃣ استایل‌دهی CSS اصلی موقعیت‌دهی absolute، z-index، و تنظیم ابعاد اولیه. 4️⃣ جادوی […]

آموزش ساخت افکت تایپ‌رایتر (Typewriter) روان و بی‌نقص با استفاده از انیمیشن‌های CSS

آموزش ساخت افکت تایپ‌رایتر (Typewriter) روان و بی‌نقص با استفاده از انیمیشن‌های CSS رفیق برنامه‌نویس، دنبال راهی هستی که متن‌هات توی سایتت جون بگیرن و بازدیدکننده‌ها رو میخکوب کنن؟ افکت تایپ‌رایتر همون چیزیه که نیاز داری! این افکت نه تنها جذابیت بصری فوق‌العاده‌ای به وب‌سایتت می‌ده، بلکه می‌تونه توجه کاربر رو به محتوای اصلی جلب […]

کدهای CSS برای تغییر شکل و استایل‌دهی پیشرفته به چک‌باکس‌ها و رادیوباتن‌ها

کدهای CSS برای تغییر شکل و استایل‌دهی پیشرفته به چک‌باکس‌ها و رادیوباتن‌ها سلام رفیق برنامه‌نویس! اگه تا حالا با چک‌باکس‌ها و رادیوباتن‌های پیش‌فرض مرورگر سر و کله زدی و دیدی چقدر محدودکننده و بعضاً ناخوشایند هستن، تنها نیستی. همه ما این تجربه رو داشتیم. اما خبر خوب اینه که با قدرت بی‌نظیر CSS، می‌تونیم این […]

طراحی فوترهای سایت با چیدمان شبکه‌ای نامتقارن و آینده‌نگرانه

طراحی فوترهای سایت با چیدمان شبکه‌ای نامتقارن و آینده‌نگرانه سلام رفیق برنامه‌نویس! اگه دنبال اینی که فوتر سایتت رو از یه بخش تکراری و بی‌روح به یه قسمت جذاب، کاربردی و چشم‌نواز تبدیل کنی، درست اومدی. فوترهای سنتی دیگه جوابگو نیستن؛ دنیا به سمت طراحی‌های هوشمندانه و متفاوت حرکت کرده. اینجا قراره با هم یاد […]

۲۰. ساخت افکت پالس (Pulse Animation) برای جلب توجه کاربر به دکمه‌های CTA

۲۰. ساخت افکت پالس (Pulse Animation) برای جلب توجه کاربر به دکمه‌های CTA 📞 تماس با ما: 09202232789 رفیق برنامه‌نویس، تا حالا شده به این فکر کنی که چطور می‌شه توجه کاربر رو توی کسری از ثانیه به مهم‌ترین بخش سایتت جلب کنی؟ بله، منظورم همون دکمه‌های CTA (Call to Action) هست. اون دکمه‌ای که […]

آموزش استفاده از CSS Subgrid برای تراز کردن فرم‌ها و کامپوننت‌های پیچیده

آموزش استفاده از CSS Subgrid برای تراز کردن فرم‌ها و کامپوننت‌های پیچیده 🗺️ نقشه راه: Subgrid در یک نگاه رفیق برنامه‌نویس، آماده‌ای تا چیدمان‌های پیچیده‌ات رو متحول کنی؟ Subgrid یه ابزار فوق‌العاده‌ست که اومده تا دردسرهای تراز کردن عناصر داخلیِ گرید رو تموم کنه. بیا ببینیم قراره چی یاد بگیریم: ✅ Subgrid چیه؟ – معرفی […]

طراحی دکمه‌های شناور (FAB) با افکت‌های بازشونده (Expandable) در CSS

طراحی دکمه‌های شناور (FAB) با افکت‌های بازشونده (Expandable) در CSS رفیق برنامه‌نویس، تا حالا به این فکر کردی که چطور میشه یه FAB ساده رو تبدیل کرد به یه ابزار قدرتمند و کاربرپسند که هم شیک باشه و هم کلی کار رو برات انجام بده؟ خب، امروز می‌خوایم غرق بشیم توی دنیای هیجان‌انگیز طراحی دکمه‌های […]

کدهای آماده ساخت تولتیپ‌های (Tooltip) مدرن و انیمیشنی

کدهای آماده ساخت تولتیپ‌های (Tooltip) مدرن و انیمیشنی رفیق برنامه‌نویس، بیا رو راست باشیم! دیگه دوران تولتیپ‌های خشک و بی‌روح که فقط یه متن ساده نشون میدادن تموم شده. امروز کاربران توقع دارن وقتی موس رو روی یه عنصر میارن یا با انگشتشون لمسش می‌کنن، یه تجربه بصری جذاب و کاربردی داشته باشن. تولتیپ‌های مدرن […]

ترفندهای استفاده از متغیرهای CSS (CSS Variables) برای مدیریت تم‌های دارک‌مود

ترفندهای استفاده از متغیرهای CSS (CSS Variables) برای مدیریت تم‌های دارک‌مود رفیق برنامه‌نویس، تا حالا شده بخوای سایتت رو هم برای چشمان شب‌زنده‌دار کاربرات جذاب کنی و هم مدیریت رنگ‌بندی تم‌ها کابوست نشه؟ بیا خودمونی بگم، دنیای امروز بدون دارک‌مود دیگه معنی نداره! اما مدیریت رنگ‌ها توی دو تا تم مختلف، مخصوصاً با پروژه‌های بزرگ، […]

آموزش ساخت اسلایدرهای تصویری مینیمال فقط با استفاده از CSS

آموزش ساخت اسلایدرهای تصویری مینیمال فقط با استفاده از CSS 👋 رفیق برنامه‌نویس، یه لحظه! اگه دنبال ابزارهای خفن برای پروژه‌های وب‌ت هستی، یا کد اسنیپت‌هایی که کارت رو راه بندازه، حتماً یه سر به فروشگاه ابزارهای FA Tools بزن. اونجا کلی چیز به در بخور پیدا می‌کنی که کارتو راحت‌تر می‌کنه. قول میدم پشیمون […]