CSS Grid Playground – Mozilla

Postavljanje spletnih strani oz. posameznih modulov na spletni strani je vedno zahteven podvig. K sreči nam relativno nova značka CSS Grid Layout popolnoma spremeni in predvsem olajša delo. Ker gre za novo značko in nov način dela, ki še ni popolnoma vpeljan v proces izdelave spletnih strani so pri Mozilli pripravili odlično orodje, ki nas popelje bližje uporabi CSS Grid Layout-a pri lastnih projektih.

Beri naprej CSS Grid Playground – Mozilla

CSS: Feature Queries

CSS Feature Queries, ki jih uporabimo s pomočjo značke @supports nam omogoča, da del CSS-ja zapremo v pogojni blok. V praksi to pomeni, da se določen del CSS-ja izpiše le v primeru, če brskalnik oz. njegov »user agent« podpira določeno CSS značko.

Beri naprej CSS: Feature Queries

CSS Grid Layout

Grid ali daljše CSS Grid Layout je trenutno najmočnejša CSS značka za postavljanje posameznih elemntov oz. postavitev. CSS Grid Layout je 2-dimenzionalni sistem, ki nam omogoča izgradnjo postavitev glede na kolone in vrstice. V primerjavi z Flexboxom, ki je 1-dimenzionalen sistem in je namenjen posameznim modulom je CSS Grid Layout namenjen izgradnji postavitve.

Beri naprej CSS Grid Layout

Flexbox

Flexbox ali »Flexible Box Layout Module« je CSS značka, ki je namenjena boljšemu pozicioniranju elementov znotraj določenega okvirja. Pozicinoniranje s pomočjo flexboxa je možno tudi v primerih, ko je širina okvirja neznana ali dinamična (zato ima v imenu besedo »flex«).

Beri naprej Flexbox