طراحی Footer بر اساس نیاز کاربر؛ گروه‌بندی لینک‌ها، HTML معنایی، اطلاعات تماس، نماد معتبر، خبرنامه واقعی و رفت...
انتخاب Toast، Banner و Dialog با توجه به نیاز عمل، حذف زمان ثابت همگانی، اعلام قابل دسترس و مدیریت موفقیت جزئی...
راهنمای طراحی سایت محتوایی و وبلاگ: دسته‌بندی، صفحه مقاله، تایپوگرافی فارسی، جست‌وجو، مطالب مرتبط، دسترس‌پذیری...
راهنمای صفحه محصول فروشگاه؛ مشخصات واقعی، گالری، variant، قیمت و تحویل، نظر معتبر، Product structured data و و...
وظایف Header، Navigation معنایی، Disclosure، Skip Link و تفاوت Sticky و Fixed را بشناسید؛ همراه نمونه کامل منو...
راهنمای طراحی موبایل‌نخست؛ اولویت محتوا، چیدمان، ناوبری، فرم، هدف لمس و حالت‌های انتظار و خطا با مثال وب‌اپ.
انتخاب متن، محل و وزن CTA بر اساس نتیجه واقعی؛ تفاوت link و button، معیار اندازه، حالت انتظار و روش سنجش بدون...
Atomic Design بر پایه توضیح Brad Frost؛ پنج سطح غیرخطی، مرز مسئولیت، token، حالت‌های component، هماهنگی Figma...
انتخاب اندازه و کیفیت واقعی، srcset و Art Direction، حفظ فضای تصویر، Lazy Loading و سیاست کش بدون درصدهای تضمی...
lang و dir، متن دوجهته، Logical Properties، تاریخ و عدد و hreflang را درست طراحی کنید؛ همراه نمونه کامل کارت ف...
چیدمان ذاتی با چهار کارت کامل HTML، رفتار auto-fit و minmax، اندازه سیال و مرز کاربرد queryها؛ توجه به سرریز و...
نوشتن متن رابط بر اساس state و نتیجه واقعی؛ نام دکمه، label، خطا، loading، لحن فارسی و تحویل فهرست متن قابل نگ...
