چگونه بین صفحات سایت انیمیشن نرم بسازیم؟
تا به حال وارد یک وب‌سایت شده‌اید که هنگام باز کردن صفحه محصول، تصویر آن به‌شکلی نرم بزرگ شود و به بخش اصلی صفحه جزئیات منتقل شود؟ یا هنگام جابه‌جایی میان دو صفحه، محتوا به‌جای تغییر ناگهانی با یک انیمیشن ظریف ظاهر شود؟ چنین افکت‌هایی می‌توانند تجربه استفاده از یک وب‌سایت را حرفه‌ای‌تر و دلپذیرتر کنند؛ اما پیاده‌سازی آن‌ها همیشه ساده نبوده است. در بسیاری از پروژه‌ها، توسعه‌دهندگان مجبور بودند با JavaScript، CSS Animation و محاسبه موقعیت عناصر، انتقال بین دو وضعیت رابط کاربری را مدیریت کنند....
ادامه مطلب ←
CSS Anchor Positioning چیست؟ روش جدید جایگذاری Tooltip، منو و پاپ آپ بدون جاوا اسکریپت
یکی از مشکلات قدیمی در طراحی رابط کاربری وب، قرار دادن دقیق عناصری مانند Tooltip، Dropdown، Popup، منوی شناور و پنجره‌های کوچک در کنار یک عنصر دیگر است. سال‌ها برای حل این مسئله معمولاً از ترکیبی از CSS و JavaScript استفاده می‌شد. JavaScript موقعیت عنصر را محاسبه می‌کرد، اندازه‌ها را بررسی می‌کرد و در بعضی موارد تشخیص می‌داد که مثلاً Tooltip باید بالای دکمه قرار بگیرد یا پایین آن. اما CSS در حال به‌دست آوردن قابلیت‌های جدیدی است که بخشی از همین کارها را می‌توان با خود CSS انجام داد....
ادامه مطلب ←
Web Accessibility چیست؟ راهنمای طراحی سایت برای همه کاربران
یک وب‌سایت خوب فقط سایتی نیست که ظاهر زیبا و سرعت مناسبی داشته باشد؛ بلکه باید تا حد امکان برای افراد مختلف با شرایط و روش‌های متفاوت استفاده از وب نیز قابل دسترس باشد. ممکن است یک کاربر با ماوس از سایت استفاده کند، کاربر دیگری فقط با صفحه‌کلید حرکت کند و فرد دیگری برای خواندن محتوای صفحه به Screen Reader یا صفحه‌خوان نیاز داشته باشد. اینجاست که مفهوم Web Accessibility یا دسترس‌پذیری وب اهمیت پیدا می‌کند.
در این مقاله با مفهوم دسترس‌پذیری وب، اصول مهم طراحی سایت قابل دسترس و اشتباهاتی که می‌توا...
ادامه مطلب ←
لینک خراب چیست؟ تأثیر Broken Link بر سئو و تجربه کاربری
لینک‌ها یکی از مهم‌ترین بخش‌های هر وب‌سایت هستند. آن‌ها به کاربران کمک می‌کنند بین صفحات مختلف حرکت کنند و به موتورهای جستجو نیز در کشف و درک ساختار سایت کمک می‌کنند. اما اگر لینکی به صفحه‌ای اشاره کند که دیگر وجود ندارد، آدرس آن تغییر کرده باشد یا مقصد آن در دسترس نباشد، با چیزی به نام Broken Link یا لینک خراب مواجه هستیم. وجود چند لینک خراب در یک سایت ممکن است طبیعی باشد، اما افزایش تعداد آن‌ها می‌تواند تجربه کاربری را ضعیف کند و باعث شود ساختار سایت نیاز به بررسی و اصلاح داشته باشد....
ادامه مطلب ←