Progressive Enhancement and CSS – Ire Aderinokun

Progressive Enhancement and CSS – Ire Aderinokun

Kadar govorimo o “Progressive Enhancement” imamo običajno v mislih Javascript in kako bi naša spletna mesta delovala brez njega. Kaj pa v primeru CSS-ja? “Progressive Enhancement” je v osnovi podpora oz. upoštevanje omejenih zmožnosti brskalnikov, ki jih imajo naši uporabniki in se dotika tudi področja CSS-ja.

Preberi
CSS: Feature Queries

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.

Preberi
CSS Grid Layout

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.

Preberi
Flexbox

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«).

Preberi