Responzivni dizajn

Fixed layout

Fiksne dimenzije stranica: U fixed layout-u, stranice su dizajnirane s određenim dimenzijama, koje se ne mijenjaju ovisno o uređaju. Na primjer, u e-knjigama, svaka stranica može imati preciznu veličinu (npr. A4), i ta veličina ostaje konstantna bez obzira na uređaj koji korisnik koristi

Prednosti

Točno kontroliran izgled.

Nedostaci

Može biti neprikladno za uređaje sa različitim dimenzijama ekrana, poput mobilnih telefona ili računala sa malim ekranima

Fluid layout

Fluid layout omogućava da se stranica ili aplikacija prilagodi različitim veličinama ekrana, što je idealno za responzivne web stranice koje trebaju izgledati dobro na raznim uređajima od desktop računala do mobilnih telefona i tableta.

Prednosti

Sadržaj se automatski prilagođava različitim veličinama ekrana i uređajima.

Korisnici mogu lako pregledavati sadržaj bez potrebe za pomicanjem stranice u svim smjerovima.

Nedostaci

Ponekad može biti teško postići specifičan raspored ili dizajn, jer se elementi moraju prilagođavati različitim veličinama ekrana.

Viewport

Viewport je vidljivo područje web stranice na uređaju za prikaz.Ovo područje se razlikuje ovisno o uređaju i bit če manje na mobilnim uređajima negoli na standardnome računalu

Mjere na web stranici

fiksne mjere

ovo su mjere koje se koriste za fixed layout jer su pogodne za izradu tocnog i preciznog dizajna

pikseli(px)

milimetri(mm)

centimetri(cm)

inči(in)

Vaarijabilne mjere

ovo su mjere pogodne za fluid layout jer se mogo prilagovađavat

postotci(%)

em

rem

viewport-width(vw)

viewport-height(vh)