Responsive Design

Webdesign er under kontinuerlig udvikling... For det meste kommer fremskridtene som små fodtrin hen af vejen, men en gang imellem er det som at tage syvmile skridt. Spænd snørrebåndene, for responsive design er en af disse.

Problem: Nye og forskellige skærmstørrelser gør det problematisk at vise sider
(mobile, tablets, PCer, workstations. Portræt / landskab. Fra 3,5" til 30", ikke maksimerede browservinduer)

Løsning: Flydende layouts på sider! (Responsive Design to the rescue)
(faktisk kan selv billeder croppes automatisk hvis det er nødvendigt)

Det flydende design finder ud af skærmens størrelse vha. media queryes i CSS.
->Media queries (screen, print, handheld er CSS2.1, max-width, orientation osv. er CSS3)
Moderne browsere vil fint læse CSS3, ældre vil ignorere det.

Fordele:

  • Brug mindre båndbredde og load sider hurtigere på mobiler <-> flottere billeder over hele skærmen på PCere med store skærme og hurtige forbindelser
  • Et mere skræddersyet layout giver den bedste brugeroplevelse.