ברוך בואך לעיצוב באמצעות הדפדפן עם המארחת שלנו, Una Kravets. נגיעות אינטראקטיביות יכולות לעזור מאוד להבנת המשתמשים בסביבה דיגיטלית, אבל הן גם עלולות לגרום למשתמשים לא להיות מרוכזים ומתוסכלים, ההפך מהאפקט המתוכנן.
בואו נראה איך אפשר להימנע מכך, ואיך להבטיח שנכלול את קובצי ה-SVG והלחצנים החמודים שלנו עם לחצני ריחוף, וגם להבטיח שמשתמשים שעשויים לקבל בחילה כשהם רואים אנימציה רבה לפניהם יוכלו ליהנות גם מהאתר שלכם. נדגים איך להשתמש בשאילתת המדיה "prefers-reduced-motion" כדי לשפר בהדרגה את האנימציה באתר, ונדגים איך לבנות מתג פשוט להפחתת אנימציה.
קישורים:
- שאילתות מדיה 5 ← https://goo.gle/2RVQxLw
- הדגמת כרטיס בסיסי ← https://goo.gle/3mSd1vf
- הדגמה של העדפה לצמצום תנועה בתמונה ←https://goo.gle/2G9hgl8
- הדגמה של תיבת הסימון להפחתת תנועה ← https://goo.gle/306S1XM
עיצוב בדפדפן ← https://goo.gle/2NeLxjI
להרשמה לתוכנית המפתחים של Chrome ← https://goo.gle/ChromeDevs