GRAFIKER
Når vi koder tager programmøren stilling til følgende størrelser.
Alle størrelser er for bredden, da siden højde jo altid varierer afhængig af sidens indhold.
Hd-opløsning (typisk brugt på en stationær 24 tommer skærm)
Det er meget få sites som bliver optimeret til denne store skærmstørrelse
1920 px
Typisk bærbar skærm og oftes brugt som den primære størrelse
1280 px
Tablet liggende
1024 px
Tablet stående
768 px
Mobil liggende
640 px
Mobil stående
320 px
Nogle gange får vi blot ét design, som så laves til en opløsning på 1200px. Programmøren gætter så på hvordan det skal vises i de mindre opløsninger f.eks. om en spalte skal undlades på mobilen.
Hvis vi vil sikre hvad der bliver vist på de forskellige platforme, så skal vi have den grafiske opsætning inden programmeringen påbegyndes. Ellers er det programmøren som bestemmer.
På de mindre opløsninger. Alt under 1024px anvendes der ofte en mobilmenu, som vi skal bruge et design på.
Vi har her et par eks. på nogle responsive sites.
Bemærk at de ovenstående størrelser er bredden på selve indholdet på hjemmesiden. Topbanner og andet grafik kan godt laves så det fylder hele bredden.