Links e Referências
Dicas gerais
- Nunca utilizes headings para definir o tamanho do texto! Headings devem ser apenas usados para definir a hierarquia de uma página. Como alternativa, usa a propriedade
font-size de CSS.
- Coloca sempre o elemento
<meta name="viewport" content="width=device-width, initial-scale=1.0"> na <head> das tuas páginas web. Isto permite ao browser controlar as dimensões e escala da página, essencial para desenvolver mobile apps, onde as dimensões podem variar bastante. Podes consultar https://www.w3schools.com/css/css_rwd_viewport.asp para saber mais.
- Tenta definir sempre o atributo
alt em imagens com uma descrição do conteúdo da imagem. É bastante importante para pessoas de visão reduzida.
- Normalizar as propriedades CSS pode ser bastante útil, já que cada browser tem propriedades predefinidas de CSS diferentes. Evitamos assim que o nosso site tenha um aspeto diferente no Firefox e no Edge, por exemplo.
- Sempre que vires uma funcionalidade num site que te chama a atenção, usa a ferramenta Inspect Element do browser e tenta descobrir como é que foi implementada. Aprendes assim a implementar essa funcionalidade nos teus sites!
- Tal como com cores, evita usar várias fontes diferentes no teu website. Tenta usar as propriedades
font-size e font-weight para mudar o aspeto do texto, em vez de recorreres logo a outras fontes.
- O Google (ou o DuckDuckGo 😉) é o teu melhor amigo! Sempre que não souberes como fazer alguma coisa, procura online (preferencialmente em Inglês). De certeza que não serás a primeira pessoa a fazer essa pergunta.
- Não tenhas medo de experimentar o que te vier à cabeça! Na pior das hipóteses, terás de fazer meia dúzia de Ctrl+Zs para chegar onde estavas antes. Se tiveres sorte, obténs algo incrível!
- Divs, divs, divs! Divs vão ser uma das tags que mais vais usar. São essenciais para estruturar um website e agrupar outros elementos. Sempre que não souberes que tag usar, recorre a um div.