1. Evolucija weba

Kako su se web stranice nekada prikazivale na mobilnim uređajima, a što se koristi danas kako bi se izbjeglo postojanje više verzija iste stranice?

Nekada su postojale odvojene verzije web stranica za računala i mobilne uređaje (npr. www.index.hr i m.index.hr).
Danas se koristi responzivan web dizajn, što znači da jedna verzija stranice automatski prilagođava svoj izgled veličini i vrsti uređaja na kojem se prikazuje.

Objasni razliku između fiksnog i fluidnog rasporeda. Što se događa s elementima kada smanjimo ekran kod fluidnog rasporeda?

Fiksni raspored (Fixed layout): elementi imaju stalnu (fiksnu) širinu izraženu u pikselima i ne mijenjaju se kada se promijeni veličina ekrana.
Fluidni raspored (Fluid layout): širine elemenata izražene su u relativnim vrijednostima (npr. postotcima). Kada smanjimo ekran, elementi se proporcionalno smanjuju i zadržavaju isti međusobni odnos.

Koji pristup pruža najveću kontrolu izgleda stranice na svim uređajima (kombinacija fluidnog rasporeda i CSS media queries)?

To je Responsive Web Design (Responzivni web dizajn) – pristup koji kombinira fluidne rasporede i CSS media queries kako bi osigurao optimalan prikaz na svim uređajima.

2. Tehnička postavka (Viewport)

Što je to viewport i zašto je on manji na mobilnom telefonu nego na računalu?

Viewport je vidljivo područje web stranice na zaslonu uređaja.

Na mobilnim telefonima viewport je manji jer su fizički zasloni manji nego kod računala.

Prepiši HTML liniju koda (tag) koja je neophodna da bi preglednik znao kako prilagoditi stranicu širini uređaja.

html

Što točno kontrolira naredba initial-scale=1.0?

Kontrolira početni faktor uvećanja (zoom) prilikom učitavanja web stranice – određuje koliko će stranica biti približena ili udaljena kada se prvi put otvori.

3. Breakpointi (Točke prekida)

Širina ekrana (px)	Uređaj/namjena
320px	Najmanja širina – mali mobilni uređaji
480px	Manji mobilni uređaji
768px	Tableti i manji prijenosnici
1200px	Veća stolna računala

4. Mjerne jedinice

Navedi barem tri fiksne mjere u CSS-u.

px (piksel)
mm (milimetar)
cm (centimetar)
(dodatno: in – inč)

Navedi barem tri varijabilne mjere koje koristimo za postizanje responzivnosti.

% (postotak)
em
rem
vw (viewport width)
vh (viewport height)

Kada je najbolje koristiti fiksne, a kada varijabilne mjere?

Fiksne mjere - kada je potrebna precizna kontrola izgleda elementa (npr. grafika, točne dimenzije u dizajnu).

Varijabilne mjere - kada želimo da se elementi prilagođavaju različitim veličinama ekrana, radi responzivnosti.