Bramus spiega a Jake tutte le aree visibili presenti nel browser. Se hai avuto problemi di layout con posizione fissa, unità vw o altezza:100%, questo episodio ti spiegherà il motivo.
Capitoli:
- 00:00 - Prologo
- 00:17 - Introduzione
- 01:03 - Browser desktop / area visibile del layout
- 05:33 - ICB
- 12:51 - Unità area visibile
- 16:07 - Zoom tramite pizzico / Visualizzazione visiva
- 19:29 - Visualizzazione del layout, ICB e visualizzazione visiva sui browser mobile
- 23:30 - L'area visibile grande, piccola e dinamica
- 28:35 - Unità aree visibili e relativa relazione con l'ICB
- 30:25 - Comportamento del ridimensionamento (sui dispositivi mobili) quando le aree modificabili vengono evidenziate
- 36:01 - L'API Virtual Keyboard
- 38:44 - Uno sguardo alla mia sfera di cristallo
- 42:04 - Impegno di indagine sull'interoperabilità 2022 sull'area visibile
- 43:20 - Epilogo
Risorse:
- L'area visibile grande, piccola e dinamica → https://goo.gle/3qxhne7
- Evita che i contenuti vengano nascosti sotto la tastiera virtuale mediante l'API VirtualKeyboard → https://goo.gle/3U9rl2X
- Discussione sulle iniziative di indagine sull'area visibile 2022 sull'interoperabilità → https://goo.gle/3DhBHYN
- Pagine di test Interop 2022 Viewport Investigation Effort → https://goo.gle/3BDcuqy
- Problema CSSWG sul comportamento e sul posizionamento delle dimensioni dell'area visibile → https://goo.gle/3QJe12q
Specifiche:
- (Layout) Definizione dell'area visibile (specifica CSS2) → https://goo.gle/3DlfjxG
- Definizione dei blocchi di contenuto (specifica CSS2) → https://goo.gle/3Dl9hwN
- Lunghezze relative dell'area visibile (specifica dei valori CSS 4) → https://goo.gle/3ddLwvZ
- Visual Viewport (MDN) → https://goo.gle/3L9PsKU
- L'API Visual Viewport (specifica CSSOM) → https://goo.gle/3qvAJk2
- Varianti dell'area visibile (specifica dei valori CSS 4) → https://goo.gle/3U7Wd3M
- Specifiche della tastiera virtuale → https://goo.gle/3qzq7R2
Altri video della serie HTTP 203 → http://goo.gle/HTTP203 Iscriviti qui agli sviluppatori di Google Chrome → https://goo.gle/ChromeDevs
Inoltre, se ti è piaciuto, potrebbe piacerti il podcast HTTP203 → https://goo.gle/HTTP203Podcast