وبلاگ

چطور صفحهٔ پرانیمیشن را برای همه قابل‌استفاده کنیم: کاهش حرکت در سه لایه، پیمایش با کیبورد، صفحه‌خوان، کنتراست و تست ده‌دقیقه‌ای.

چرا انیمیشن مقصر کندی نیست: بهینه‌سازی تصویر و ویدئو، دو ویژگی امن انیمیشن، نسخهٔ سبک موبایل و بارگذاری شرطی کتابخانه‌ها.

یک لندینگ سینمایی کامل از تصمیم اول تا کد قابل‌اجرا: استوری‌بورد، اسکلت HTML و CSS، لایهٔ GSAP، چک‌لیست تست و پنج خطای رایج.

چرا «یک سایت سینمایی بساز» شکست می‌خورد و سیستم چهارلایهٔ پرامپت چطور کد قابل‌استفاده تحویل می‌دهد — با چهار پرامپت آمادهٔ کامل.

با پارالاکس ملایم، لایه‌بندی و تایپوگرافی متحرک به صفحه عمق و شخصیت بده — به‌همراه نکتهٔ حیاتی شکستن متن فارسی به کلمه و کد کامل.

با ScrollTrigger اسکرول را به نوار زمان انیمیشن تبدیل کن: پین، اسکراب، چهار الگوی آماده، تنظیم موبایل و شش اشتباه رایج با کد کامل.

اسکرول نرم چیست، با Lenis چطور راه‌اندازی می‌شود، تنظیمات مهم، هفت مشکل رایج و راه‌حل، و اینکه کِی نباید از آن استفاده کرد.

ساختار HTML و CSS یک صفحهٔ سینمایی: اسکلت پرده‌ها، هیرو، بخش پین‌شده، سیستم فاصله و سه تنظیم ضروری قبل از انیمیشن — با کد آماده.

قبل از یک خط کد، صفحهٔ سینمایی را روی کاغذ بساز: از پیام اصلی تا پرده‌ها، قوس انرژی، زمان‌بندی اسکرول و نسخهٔ موبایل — با پرامپت آماده.