Workshop #2

Omkring responsive hjemmesider, "mobile-first approach" og bootstrap

Responsive hjemmesider:

Man designer hjemmesiden med den hensigt, at den skal kunne ses og bruges på både smartphones, tablets og almindelige desktop computere.

Ideen er, at hjemmesiden automatisk skal kunne tilpasse sig skærmens størrelse, således at tekst, billeder, tabeller, menuer, grafik osv. skalleres enten op eller ned, alt afhængig af hvilken enhed brugeren benytter til at se siden.

Man designer typisk ud fra følgende skærmstørrelser:

Mobile-First-aproach:

Når man koder en hjemmeside og implementerer Bootstrap, skal man kode udfra en intention om, at 'mobile-first-aproach' er vigtigt.

Det betyder, at man designer tager højde for, at brugerne/målgruppen primært besøger hjemmesiden via telefon/tablet (Mobile-First). Dette er man som designer bevidst om og derfor sørger man for, at hjemmesiden er responsiv (dvs. at den responderer med et lækkert design uanset om brugerne/målgruppen besøger hjemmesiden via telefon, tablet eller en computer).

Bootstrap:

Bootstrap er et framework, som du kan bruge til at bygge hjemmesider med. Med framework menes der, at alle CSS klasser, HTML markup og JavaScript scripts er lavet for dig, så du blot skal vælge, hvor og hvordan de skal implementeres på din hjemmeside.

Bootstrap er ”mobil-first”, hvilket betyder, at hvis du anvender Bootstrap til at lave din hjemmeside med, så får du en hjemmeside som er 100% optimeret til mobile-eneheder og tablets.

Gør hjemmesiden responsiv:

Har du allerede en hjemmeside som ikke responsiv, så kan du ved hjælp af Bootstrap´s framework re-designe din side og derved gøre den responsiv. Dette kunne f.eks.  gøres ved blot at skifte dine egen css klasser ud med dem som Bootstrap kommer med, og på den måde vil du automatiks få den resposivitet der er indbygget i Bootstrap.