Bramus apprend à Jake à connaître toutes les fenêtres d'affichage qui existent dans le navigateur. Si vous avez rencontré des problèmes de mise en page avec la position corrigée, les unités VW ou la hauteur de 100%, cet épisode vous expliquera probablement pourquoi.
Chapitres:
- 00:00 – Prologue
- 00:17 – Introduction
- 01:03 – Navigateurs pour ordinateur / Fenêtre d'affichage de mise en page
- 05:33 – L'ICB
- 12:51 – Unités de la fenêtre d'affichage
- 16:07 – Pinch Zoom / Fenêtre d'affichage
- 19:29 – Fenêtre d'affichage de mise en page, ICB et fenêtre d'affichage visuelle dans les navigateurs mobiles
- 23:30 – La fenêtre d'affichage grande, petite et dynamique
- 28:35 – Les unités des fenêtres d'affichage et leur relation avec la CCI
- 30:25 – Comportement de redimensionnement (sur mobile) lorsque des zones modifiables sont focalisées
- 36:01 – L'API Virtual Keyboard
- 38:44 – Un coup d'œil sur ma boule de cristal
- 42:04 – Effort d'enquête sur la fenêtre d'affichage Interopérabilité 2022
- 43:20 – Épilogue
Resources:
- Fenêtres d'affichage "Grande", "Petite" et "Dynamique" → https://goo.gle/3qxhne7
- Empêchez le contenu d'être masqué sous le clavier virtuel à l'aide de l'API VirtualKeyboard → https://goo.gle/3U9rl2X.
- Discussion sur l'effort d'enquête sur la fenêtre d'affichage Interopérabilité 2022 → https://goo.gle/3DhBHYN
- Pages de test d'effort de la fenêtre d'affichage Interopérabilité 2022 → https://goo.gle/3BDcuqy
- Problème CSSWG concernant le comportement et le positionnement de la fenêtre d'affichage → https://goo.gle/3QJe12q
Spécifications :
- (Mise en page) Définition de la fenêtre d'affichage (spécification CSS2) → https://goo.gle/3DlfjxG
- Définition du bloc contenant la spécification CSS2 → https://goo.gle/3Dl9hwN
- Longueurs relatives de la fenêtre d'affichage (spécification des valeurs CSS 4) → https://goo.gle/3ddLwvZ
- Fenêtre d'affichage (MDN) → https://goo.gle/3L9PsKU
- API Visual Viewport (spécification CSSOM) → https://goo.gle/3qvAJk2
- Variantes de la fenêtre d'affichage (spécification des valeurs CSS 4) → https://goo.gle/3U7Wd3M
- Spécifications du clavier virtuel → https://goo.gle/3qzq7R2
Plus de vidéos de la série HTTP 203 → http://goo.gle/HTTP203 Abonnez-vous aux développeurs Google Chrome ici → https://goo.gle/ChromeDevs
Si cela vous a plu, vous pourriez également être intéressé par le podcast HTTP203 → https://goo.gle/HTTP203Podcast