Responzivni dizajn

Koja je glavna prednost responzivnog dizajna?

• Poboljšana sigurnost web stranica

• Bolje iskustvo korisnika na različitim uređajima

• Brže učitavanje stranica

• Povećanje posjeta web stranici

Što je media query u CSS-u?

• Alat za optimizaciju slika

• Kod za optimizaciju baze podataka

• Pravilo koje omogućava primjenu različitih stilova ovisno o karakteristikama uređaja

• Alat za analizu prometa web stranice

Koja je razlika između fluidnog i fiksnog dizajna?

• Fluidni dizajn koristi postotak za širinu, dok fiksni koristi piksele

• Fiksni dizajn koristi postotak za širinu, dok fluidni koristi piksele

• Fluidni dizajn je brži za učitavanje od fiksnog

• Fiksni dizajn se automatski prilagođava veličini ekrana

Koji se atribut koristi za pružanje više verzija slike za različite rezolucije ekrana?

• src

• alt

• srcset

• href

Što označava ovaj meta tag u HTML-u?

<meta name="viewport" content="width=device-width, initial-scale=1">

• Povećava sigurnost stranice

• Postavlja naslov stranice

• Omogućava stranicama da se prilagode širini ekrana uređaja

• Definira opis stranice za tražilice

Što označava sljedeći kod u CSS-u?

@media only screen and (max-width: 768px)
{ .container {
width: 100%; } }

• Primjenjuje se na zaslone šire od 768 piksela

• Primjenjuje se na zaslone uže od 768 piksela

• Primjenjuje se samo na ispisane medije

• Primjenjuje se samo na mobilne uređaje

Koji je najbolji opis za responzivni dizajn?

• Dizajn koji je fiksiran za određenu širinu

• Dizajn koji koristi isključivo piksele za mjerenje elemenata

• Dizajn koji se automatski prilagođava svim veličinama ekrana

• Dizajn koji se temelji na tablicama