... | ... | @@ -33,8 +33,8 @@ Eu tenho que admitir que eu não tenho nenhum guia didático sobre HTML e CSS, n |
|
|
- [Web Nerd Terminology (Explained)](https://css-tricks.com/web-nerd-terminology-explained/)
|
|
|
- [Just Starting Out with CSS & HTML](https://css-tricks.com/guides/beginner/) não conheço esse guia, mas o site é bom e confiável. Acredito que seja um bom começo.
|
|
|
- [Can I use?](https://caniuse.com/) já explicado nas divagações.
|
|
|
- Developer Tools, é provavelmente o mais útil de tudo aqui. Apertando `F12`
|
|
|
em um navegador deve se abrir uma janela com ferramentas para desenvolvedores web. Aqui links para materiais das ferramentas da [Mozilla](https://developer.mozilla.org/en-US/docs/Tools) e da [Google](https://developers.google.com/web/tools/chrome-devtools/). Um carinho especial para:
|
|
|
- As Developer Tools são provavelmente as ferramentas mais úteis para debug web. Ao apertar `F12`
|
|
|
em um navegador deve se abrir uma janela com ferramentas para desenvolvedores web. Links para materiais das ferramentas da [Mozilla](https://developer.mozilla.org/en-US/docs/Tools) e da [Google](https://developers.google.com/web/tools/chrome-devtools/). Um carinho especial para:
|
|
|
- A aba *inspector* é essencial para debug e inspeção de código HTML e CSS.
|
|
|
- Saber usar a aba *console* é essencial para desenvolvedores javascript.
|
|
|
- E a aba *network* permite ver quais arquivos estão, de fato, sendo requisitados pela página e como estão sendo carregados. É o básico pra debug do "aquilo não tá aparecendo", sempre tenha certeza de que todos os arquivos estão sendo carregados.
|
... | ... | |