Design til web og tabletter - responsivt design

• Kan 14, 2024

Udtrykket Responsive har været i spidsen i et stykke tid, men hvad betyder det nøjagtigt? Internettet har ændret sig meget i årenes løb, fra en for det meste tekstbaseret platform til et interaktivt, engagerende, multimedie- og multimedie-miljø.

Websider er ændret i løbet af det sidste årti for at afspejle forbedringerne af internettet og de enheder, vi bruger til at se det. Når vi taler om enheder, har vi flere typer at vælge imellem, herunder computere, mini-computere, tablets og smartphones. Når antallet af enheder og deres variationer øges, bliver et problem indlysende. Hver enhed og hver variant af en enhed har sin egen skærmstørrelse.

Da vi kun skulle designe websteder til stationære og bærbare computere, var vores vigtigste overvejelse, hvordan vi kunne sikre, at websiden viste det samme, uanset computer eller webbrowser. Svaret var at designe til de bedste webbrowsere og de mest almindelige skærmopløsninger. Det virkede i kort tid. Et andet problem blev tydeligt, da disse parametre blev ved med at ændre sig. Skærmstørrelsen til min første computer var 800 x 600, og jeg elskede den alligevel. Så blev 1024 x 800 normen. Nu er computere vokset til 27 tommer og større. Så målopløsningen for et websted blev ved med at ændre sig.

Lige da vi begyndte at nyde at designe til disse større skærme, steg smartphone og tablet popularitet meget med deres seje apps, men mindre skærme. Faktisk er det forudsagt, at smartphones og borde bliver brugt oftere end computere til at se internettet på kun få år. Først var der kun et par mobile enheder. Så vi begyndte at designe både et hovedwebsted til computerbrugeren og et andet sted for den mobile bruger. Men dette løste ikke problemet helt, fordi vi stadig designede til layouts med fast bredde.

Nu kan du ikke antage, hvilken enhed seeren bruger til at se dit websted. Så design til bestemte faste skærmstørrelser er ikke længere det bedste svar på problemet. Det, vi har brug for, er en måde at bestemme brugerens enhedens skærmstørrelse og vise hjemmesiden i overensstemmelse hermed. Derfor responsivt webdesign, der bruger CSS til at bestemme skærmbredden og for at vise en webside anderledes efter behov. Dette tillader os kun at have et websted, der omformes til flere versioner efter behov.

Video Instruktioner: Responsive Design with Bootstrap by Neel Mehta (Kan 2024).