webbutveckling-project-1

Instruktioner

1. Forka detta repo med hjälp av knappen uppe till höger
2. Skapa en Wiki genom att gå in på Wiki tabben och skapa en första sida

Checklista

Filstruktur

• Ligger alla våra HTML-filer i site?
• Ligger vår css-fil i site/css?
• Ligger alla våra bilder i site/img?
• Ligger alla våra photoshop filer i psd?
• Ligger våra skisser i misc?
• Har några av våra filnamn mellanslag i sig? isf. ersätt dem med understreck.

HTML

• Är all HTML-kod indenterad korrekt?
• Använder vi endast korrekta HTML-element?
• Har vi minst tre sidor?
• Har vi en index.html?

CSS

• Har vi endast en CSS-fil?
• Är CSS-koden indenterad korrekt?
• Har vi flera identiska regler med olika namn?
• Beskriver klassnamnen vilken typ av element det gäller för?
• Använder vi grid, flex och pseudoklasser(t.ex :hover, :visisted)?
• Använder jag korrekta enheter för storlekar?
  • vh/vw för bodys height och width.
  • em för font-size.
  • px för margin och padding.
  • % för height och width som beror på förälderelement.

Bilder

• Har bildfilerna samma upplösning som på webbsidan?
• Har vi redigerar någon bild genom att beskära/förminska?
• Har bilderna korrekt filformat?
  • JPG för fotografier
  • PNG för tecknade bilder
  • GIF för animerade bilder
  • ICO för små ikoner
  • SVG för vektorgrafik