Utangulizi wa Uundaji wa Mitindo ya Skrini Mbalimbali kwa CSS

Katika ulimwengu wa kisasa, tovuti inahitaji kuonyeshwa vyema kwenye vifaa vilivyo na ukubwa tofauti wa skrini.

Kwa kawaida, vifaa hugawanyika katika makundi manne: kompyuta za mezani (desktop), kompyuta za kubebeba, kompyuta tabuleti (tablet) na simu za mkononi (mobile).

Hapo zamani za kale, kulikuwa na ukubwa maarufu wa skrini kwa vifaa vyote, na kwa bahati nzuri hakukuwa na vingi sana. Na tovuti zilifanywa ili zionekane ipasavyo kwenye orodha ilijulikana ya uvumilivu.

Kwa sasa, vifaa vimeongezeka sana kiasi kwamba haiwezekani kuandaa orodha ya uvumilivu ambao tovuti inahitaji kufanywa. Sasa inachukuliwa kuwa uundaji wa mitindo unapaswa kuonyeshwa ipasavyo kwenye skrini ya ukubwa wowote.

Hii inapatikana kwa kupanga upya vitalu katika sehemu muhimu za muundo. Wakati huo huo, sehemu hizi muhimu huchaguliwa sio kwa vifaa maalum, bali kwa maudhui ya tovuti - ili ionekane vizuri.

Kati ya sehemu muhimu, upana wa vipengele vya tovuti inapaswa kuwa ya kuelea, ili ibadilike kulingana na upana wa skrini. Na katika sehemu muhimu, hufanyika upangaji upya wa vitalu kwenye nafasi nyingine.

Uundaji wa mitindo ulioelezewa huitwa unaobadilika au unaokabiliana (responsive). Somo letu la sasa litahusika na kuchunguza hii.