Falar da importância da meta tag Viewport e esclarecer que é uma evolução das meta tags e indicar material.
Falar da importância do normalize e indicar matetrial
Revisitar o tutorail adicionando subseções quando necessário e também lembrete de teste ou visualização no navegador
https://realfavicongenerator.net/
-
Favicon for iOS - Web Clip
- Add margins and a plain background.
-
Favicon for Android Chrome
- Add margins and a plain background.
Recomendaria colocar em resources/favicon
-
Escolher entre:
- I will place favicon files (favicon.ico, apple-touch-icon.png, etc.) at the root of my web site. Recommended.
- I cannot or I do not want to place favicon files at the root of my web site. Instead I will place them here: (ex. resources/favicon)
Download your package and paste the scrip under the title
Dev tools, inspect image, vai com o mouse sobre o código do elemento para aparecer dimensão
Pegar a maior dimensão possível, (com pseudo base nas media queries). Por causa das telas de retina, vamos dobrar esse valor. Então usando uma ferramenta de edição de imagem, vamos redimencionar elas.
compressão
Não deletem ou substituam as imagens originais. Vocês podem renomear elas usando algum pré-fixo como "orig-"
- sterceira tag DESCRIPTION (primeiro charset, então viewport)
- quarta tag KEYWORDS