Sådan laver du responsive billeder og video

Underviser: Zaki Wasik

Download kildefiler
Anvend CodePen

I denne lektion skal vi arbejde med responsive billeder og video. Den første del af videoen vil vise dig, hvordan du kan anvende en række JavaScript biblioteker til at forbedre og optimere din hjemmeside. Vi vil f.eks. anvende "Picturefill", til at vise forskellige billeder alt efter skærmens størrelse.

Derudover skal vi se på, hvordan man laver en YouTube video responsive ved hjælp af en række simple CSS deklarationer.

Som altid kan du enten arbejde på hjemmesiden via CodePen, eller hente kildefilerne, og udføre denne lektions øvelser direkte i din egen editor.

Video tags:

Denne video relaterer til emner såsom: responsive design kursus, responsive design tutorial, respsonsiv web-design vejledning, responsive hjemmeside design for begyndere, forskellen på adaptive layouts, Responsive layouts og mobile sites, picturefill, responsive billeder og video