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
Next revision Both sides next revision
mattias_07 [2019-09-23 08:56]
Mattias Hamberg [Krav från beställaren]
mattias_07 [2020-10-23 13:09]
Mattias Hamberg [Krav från beställaren]
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.
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 =====