Webbutveckling: Grundkurs (DA120A)

Malmö Högskola

Modul 6 - Responsiv design

1. Kom igång med media queries

Vi ska nu fortsätta med mer layoutbyggande i HTML & CSS. Detta genom att strukturera upp vårt innehåll på webbsidan i olika rader/kolumner, men även lite mer specifik layout som t.ex. bilder bredvid varandra m.m.

Dessutom ska vi nu, i enkelhet, anpassa vår webbsida så att den är mobilanpassad och är enkelt att använda oavsett om man surfar in med en dator eller mobil. Detta genom media queries.

2. Material

2.2. Kurslitteratur

  • HTML och CSS-boken: Kapitel 5: Formatmallar
  • HTML och CSS-boken: Kapitel 6: Mer om text
  • HTML och CSS-boken: Kapitel 10: Avancerad CSS
  • BYOWUHAC*: Kapitel 4: Shaping up using CSS
  • BYOWUHAC*: Kapitel 5: Picture This! Using Images on Your Website

Användning av allt material är fritt, om motsatsen inte anges. Länka gärna! Formellt utrycks detta med licensen Creative Commons Erkännande 4.0 Sverige.

Webbplatsen drivs av Anton Tibblin, som också ansvarar för kursen Webbutveckling: Grundkurs, fristående distanskurs, Malmö högskola.