Eksempel på Responsive Design i 3 trin
Simpelt eksempel hvor der er media queries for 3 skærmstørrelser.
Danske 1508 Responsive + javascript
Engelske Morten Rand-Hendriksens Designisphilosphy.com Responsive + javascript
Responsive webdesign - InfographicsPinterest style layout - skabelon (tysk)<7p>
Opgave: Lav en side med responsive design, brug evt. eksemplet som skabelon.
Udbyg den.
Ekstra 1:
Sæt billeder ind i grid. Gør billederne responsive.
Ekstra 2: Sæt en menu ind. Gør menuen responsiv.
Ekstra 3: Indsæt logo / header baggrundsbillede. Gør dette billede responsivt.
Ekstra 4: Juster font-size i dokumentet. Gør fontene responsive.
Ekstra 5: Sæt forskellige billeder ind øverst i content alt efter skærmstørrelse: Billede af mobiltelefon ved mindste, billede af en tablet ved midterste og billede af en stor skærm ved største.