Aula 05

Na aula anterior

• HTML5 puro
• CSS3 puro
• SVG

SVG no VSCode [vscode]

Caso abrir a imagem, e você quiser ver o código:

1. Clique com o botão direito do mouse em um arquivo SVG no Explorer;
2. Escolha "Abrir com...";
3. Escolha "Configurar editor padrão para 'svg'";
4. Selecione "Editor de texto".

• Favicon

Favicon no cache

Para certificar que o novo favicon foi implementado com sucesso, teste em uma janela em modo privado. O cache normalmente é pegajoso com os favicons.

Estilo

• Background Color Class [bg] TailwindCSS
• Grid Columns Class [grid-cols] TailwindCSS
• Container Class [container] NuxtUI
• Grid Class [grid] TailwindCSS

CSS Vars

• container Var NuxtUI

Dica do Dia [vscode]

Dica de dois atalhos não oferecidos pelo editor. A combinação sugerida não é usada por nenhum outro comando.

   // Git Push
   {
      "key": "ctrl+alt+p",
      "command": "extension.multiCommand.execute",
      "args": {
         "interval": 3000,
         "sequence": ["workbench.view.scm", "multiCommand.gitCommit"]
      }
   },

   // Wrap with Abbreviation
   {
      "key": "ctrl+alt+w",
      "command": "editor.emmet.action.wrapWithAbbreviation",
      "when": "editorTextFocus"
   },