ברמוס מלמד את ג'ייק על כל אזורי התצוגה שקיימים בדפדפן. אם נתקלתם בבעיות פריסה של מיקום תוקן, יחידות vw או גובה:100%, סביר להניח שהדבר יסביר את הסיבה לכך.
פרקים:
- 00:00 - פרולוג
- 00:17 - מבוא
- 01:03 - דפדפנים במחשב / אזור התצוגה של הפריסה
- 05:33 - ה-ICB
- 12:51 - יחידות אזור התצוגה
- 16:07 - זום תנועת צביטה / אזור התצוגה החזותי
- 19:29 - נקודת המבט Layout, ICB ונקודת מבט ויזואלית בדפדפנים לנייד
- 23:30 – אזור התצוגה הגדול, הקטן והדינמי
- 28:35 - נקודות תצפית והקשר שלהן ל-ICB
- 30:25 - שינוי גודל ההתנהגות (בנייד) כאשר אזורים ניתנים לעריכה מתמקדים
- 36:01 - ממשק ה-API של המקלדת הווירטואלית
- 38:44 - מבט אל כדור הבדולח שלי
- 42:04 – מאמץ חקירה באזור תצוגה בשנת 2022
- 43:20 - אפילוג
מקורות מידע:
- אזורי התצוגה 'גדולים', 'קטנים' ו'דינמיים' ← https://goo.gle/3qxhne7
- למנוע הסתרת תוכן מתחת למקלדת הווירטואלית באמצעות Virtual Keyboard API ← https://goo.gle/3U9rl2X
- דיון בנושא Interop 2022 Viewport Explorer Effort → https://goo.gle/3DhBHYN
- דפי בדיקה של Interop 2022 Viewport Effort Testing Pages ← https://goo.gle/3BDcuqy
- בעיה ב-CSSWG בהתנהגות ובמיקום של אזור התצוגה באזור התצוגה ← https://goo.gle/3QJe12q
מפרטים:
- (פריסה) הגדרת נקודת מבט (מפרט CSS2) ← https://goo.gle/3DlfjxG
- הגדרת חסימה מכילה (מפרט CSS2) ← https://goo.gle/3Dl9hwN
- אורך יחסי של אזור התצוגה (מפרט ערכי CSS 4) ← https://goo.gle/3ddLwvZ
- ה-Visual Viewport (MDN) ← https://goo.gle/3L9PsKU
- The Visual Viewport API (CSSOM Specification) ← https://goo.gle/3qvAJk2
- וריאציות של נקודת מבט (מפרט ערכי CSS 4) ← https://goo.gle/3U7Wd3M
- מפרט המקלדת הווירטואלית ← https://goo.gle/3qzq7R2
סרטונים נוספים בסדרת HTTP 203 ← http://goo.gle/HTTP203 להרשמה למפתחי Google Chrome כאן ← https://goo.gle/ChromeDevs
אם נהניתם, אולי תאהבו את הפודקאסט HTTP203 ← https://goo.gle/HTTP203Podcast