Topic · Tag
مطالب و یادداشت‌هایی که این موضوع را دنبال می‌کنند — از جدید به قدیم.
۴ یادداشت
Notes
سورج شهپرنیابیشترِ خریدهای یک فروشگاه از روی موبایل انجام می‌شود، ولی صفحهٔ پرداخت هنوز انگار برای دسکتاپ طراحی شده. یک کارِ کوچک حالِ مشتری را عوض می‌کند: به هر فیلد بگو چه صفحه‌کلیدی باز کند و بگذار مرورگر خودش اطلاعات را پیشنهاد بدهد؛ مشتری کمتر تایپ می‌کند و بیشتر خرید می‌کند.
<input
type="tel"
inputmode="numeric"
autocomplete="tel"
/>در گالریِ طلا، عددِ قیمت اگر بدونِ جداکننده نوشته شود، هم خواندنش سخت است هم بی‌اعتبار به نظر می‌رسد. قیمت را با فرمتِ فارسی و جداکنندهٔ هزارگان نشان بده؛ همان رقم ناگهان حرفه‌ای و قابلِ اعتماد دیده می‌شود.
new Intl.NumberFormat("fa-IR").format(48500000);
// خروجی: ۴۸٬۵۰۰٬۰۰۰بدترین حسِ یک گالریِ عکس این است که موقعِ باز شدن تصویرها بپرند و صفحه تکان بخورد. اگر از قبل جای هر عکس را رزرو کنی، چیدمان آرام می‌ماند و کارِ عکاس همان‌طور که باید، باوقار دیده می‌شود.
.shot {
aspect-ratio: 4 / 5;
object-fit: cover;
}خریدارِ صنعتی معمولاً می‌خواهد کاتالوگ را بردارد و با تیمش بررسی کند. یک دکمهٔ دانلودِ روشن کارِ فروشت را جلو می‌اندازد؛ همیشه لازم نیست کاربر را در سایت نگه داری، گاهی باید ابزارِ تصمیم را دستش بدهی.
<a href="/catalog.pdf" download>
دریافت کاتالوگ محصولات
</a>