Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
mattias_07 [2019-09-23 08:56]
Mattias Hamberg [Krav från beställaren]
mattias_07 [2022-07-18 13:20] (current)
Line 4: Line 4:
  
 ==== Krav från beställaren ==== ==== Krav från beställaren ====
-  * Använd en tjänst som Google Fonts när du väljer typsnitt. På så vis kan du försäkra dig om att sidan ser likadan ut oavsett dator och typsnittsuppsättning.+  * Använd en tjänst som Google Fonts [[https://www.w3schools.com/howto/howto_google_fonts.asp|(Läs här om hur man gör)]] när du väljer typsnitt. På så vis kan du försäkra dig om att sidan ser likadan ut oavsett dator och typsnittsuppsättning.
   * Använd inte fler än två olika typsnitt. Välj ett sans-serif-typsnitt för rubrikerna och ett serif-typsnitt till brödtexten.   * Använd inte fler än två olika typsnitt. Välj ett sans-serif-typsnitt för rubrikerna och ett serif-typsnitt till brödtexten.
-  * Ingen radlängd bör någonsin vara längre än 80 tecken lång. +  * Ingen radlängd bör i något läge vara längre än 80 tecken lång. 
-  * Layouten bör vara indelad i kolumner om skärmen är bredare än 800px.+  * Layouten bör vara indelad i kolumner om skärmen är bredare än 800px [[https://www.w3schools.com/howto/howto_css_two_columns.asp|(Läs här om hur man gör)]].
   * Innehållsförteckningen och dess länkar bör, när du använder två kolumner, följa med skärmen när du skrollar.   * Innehållsförteckningen och dess länkar bör, när du använder två kolumner, följa med skärmen när du skrollar.
   * Det ska alltid finnas luft i marginalerna.   * Det ska alltid finnas luft i marginalerna.
   * Det ska vara ett luftigt utrymme mellan textraderna.   * Det ska vara ett luftigt utrymme mellan textraderna.
-  * Det ska vara en rads mellanrum mellan textstyckena+  * Det ska vara en rads mellanrum mellan textstyckena [[https://www.w3schools.com/CSSref/css_units.asp|(Läs här om hur man gör)]].
   * Använd endast understruken text till hovrade länkar.   * Använd endast understruken text till hovrade länkar.
   * Det ska vara ett avstånd mellan rubriken och dess brödtext. Men inte så långt att relationen mellan rubriken och brödtexten går förlorad. Det ska också alltid vara ett större avstånd ovanför rubriken än under den.   * Det ska vara ett avstånd mellan rubriken och dess brödtext. Men inte så långt att relationen mellan rubriken och brödtexten går förlorad. Det ska också alltid vara ett större avstånd ovanför rubriken än under den.
Line 17: Line 17:
  
 ==== Önskemål från beställaren ==== ==== Önskemål från beställaren ====
-  * Lägg gärna till en grå hashtag före alla rubriker.+  * Lägg gärna till en grå hashtag före alla rubriker [[https://www.w3schools.com/cssref/sel_before.asp|(Läs här om hur man gör)]].
   * Punkterna i innehållsförteckningen får gärna vara cirklar.   * Punkterna i innehållsförteckningen får gärna vara cirklar.
-  * Texten får gärna vara större på breda skärmar än smala.+  * Texten får gärna vara större på breda skärmar än smala [[https://www.w3schools.com/howto/howto_css_responsive_text.asp|(Läs här om hur man gör)]].
  
 ===== Instruktioner ===== ===== Instruktioner =====