Bramus instrui Jake sobre todas as janelas de visualização que existem no navegador. Se você teve problemas de layout com posição fixa, unidades vw ou altura:100%, este episódio provavelmente explicará o motivo.
Capítulos:
- 00:00 - Prólogo
- 00:17 - Introdução
- 01:03 - Navegadores para computador / A janela de visualização do layout
- 05:33 - O ICB
- 12:51 - Unidades da janela de visualização
- 16:07 - Aplicar zoom com gesto de pinça / A janela de visualização visual
- 19:29 - A janela de visualização do layout, ICB e janela de visualização visual em navegadores para dispositivos móveis
- 23:30 - A janela de visualização grande, pequena e dinâmica
- 28:35 - Unidades de janelas de visualização e a relação delas com o ICB
- 30:25 - Redimensionar o comportamento (em dispositivos móveis) quando as áreas editáveis ganharem foco
- 36:01 - A API Virtual Keyboard
- 38:44 - Uma olhada na minha Bola de cristal
- 42:04 - Esforço de investigação da janela de visualização no Interop 2022
- 43:20 - Epílogo
Resources:
- Janelas de visualização grande, pequena e dinâmica → https://goo.gle/3qxhne7
- Use a API VirtualKeyboard para impedir que o conteúdo fique oculto abaixo do teclado virtual → https://goo.gle/3U9rl2X
- Discussão sobre o esforço de investigação da janela de visualização do Interop 2022 → https://goo.gle/3DhBHYN
- Páginas de teste de esforço de investigação da janela de visualização do Interop 2022 → https://goo.gle/3BDcuqy
- Problema de CSSWG no comportamento e posicionamento de redimensionamento da janela de visualização → https://goo.gle/3QJe12q
Especificações:
- Definição da janela de visualização (especificação do CSS2) → https://goo.gle/3DlfjxG
- definição do bloco de conteúdo (especificação CSS2) → https://goo.gle/3Dl9hwN
- Comprimentos relativos da janela de visualização (especificação de valores 4 de CSS) → https://goo.gle/3ddLwvZ
- A janela de visualização visual (MDN) → https://goo.gle/3L9PsKU
- A API Visual Viewport (especificação CSSOM) → https://goo.gle/3qvAJk2 (link em inglês)
- Variantes da janela de visualização (especificação de valores de CSS 4) → https://goo.gle/3U7Wd3M
- Especificações do teclado virtual → https://goo.gle/3qzq7R2
Mais vídeos da série HTTP 203 → http://goo.gle/HTTP203 Inscreva-se no canal de desenvolvedores do Google Chrome → https://goo.gle/ChromeDevs
Além disso, se você gostou desse conteúdo, pode gostar do podcast HTTP203 → https://goo.gle/HTTP203Podcast