فکر کردن به راه هایی برای حل TOOLTIPS

در چالش رابط کاربری گرافیکی امروزی، @AdamArgyleInk یک راهنمای ابزار با یک عنصر سفارشی (بدون مؤلفه وب!)، :has()، تبدیل‌ها و ویژگی‌های منطقی می‌سازد. علاوه بر یک اسکریپت پشتیبان کوچک برای استفاده از :has()، تمام آن از CSS پشتیبانی می کند. تجربه صفحه‌خوان را از دست ندهید، مانند همیشه مورد توجه ویژه قرار گرفت.

فصل ها:

  • 0:00 - مقدمه
  • 0:20 - Tooltips در مقابل Toggletips
  • 2:22 - نمای کلی ویژگی
  • 6:25 - Screen Reader UX
  • 9:06 - درخت دسترسی
  • 14:12 - :has()
  • 14:55 - HTML
  • 15:18 - CSS
  • 18:50 - جاوا اسکریپت
  • 20:21 - خروجی

منابع:

چالش‌های رابط کاربری گرافیکی بیشتر → https://goo.gle/GUIchallenges را تماشا کنید

در Google Chrome Developers → https://goo.gle/ChromeDevs مشترک شوید

بازگشت به همه قسمت ها