Architecture Decision Record

Active theme: Light

← Primeri zapisov odločitev

Zapis arhitekturne odločitve: Tailwind CSS

Odločitev: Uporabiti Tailwind CSS kot ogrodje CSS za oblikovanje uporabniškega vmesnika.

Kaj je Tailwind CSS?

Tailwind je ogrodje CSS, usmerjeno v pripomočke (utility-first), ki omogoča hiter razvoj in prilagajanje uporabniških vmesnikov. Zasnovano je tako, da je zelo prilagodljivo, in razvijalcem omogoča pisanje vitkejšega in učinkovitejšega CSS. To ogrodje zagotavlja nabor vnaprej določenih razredov za zelo hitro oblikovanje uporabniškega vmesnika.

Kontekst

Gradimo spletno aplikacijo za stranko, ki zahteva odziven in prilagodljiv uporabniški vmesnik. Stranka je zahtevala dosledno in sodobno oblikovanje. Razvojna ekipa ima izkušnje z uporabo lastnega CSS, vendar želi raziskati ogrodja CSS, ki lahko prihranijo čas in trud. Iščemo ogrodje, ki je enostavno za uporabo, prilagodljivo in ima veliko skupnost za podporo.

Gonilniki odločitve

  • Enostavno za uporabo: Želimo ogrodje, ki se ga je preprosto naučiti in ga je mogoče vključiti v naš razvojni potek dela.

  • Prilagodljivo: Želimo ogrodje, ki ga je mogoče prilagoditi smernicam blagovne znamke in temi stranke.

  • Podpora velike skupnosti: Želimo ogrodje, ki ima dejavno skupnost razvijalcev in oblikovalcev, ki lahko po potrebi zagotovi pomoč in vire.

  • Prihranek časa: Želimo ogrodje, ki lahko prihrani čas in trud pri oblikovanju uporabniškega vmesnika.

Preučene možnosti

  • Bootstrap: Priljubljeno ogrodje CSS z veliko vnaprej izdelanimi komponentami in veliko skupnostjo razvijalcev.

  • Foundation: Še eno priljubljeno ogrodje CSS, zasnovano za razvoj, ki daje prednost mobilnim napravam (mobile-first).

  • Materialize: Ogrodje CSS, ki temelji na Googlovem oblikovalskem jeziku Material Design, z vnaprej izdelanimi komponentami za razvoj uporabniškega vmesnika.

  • Tailwind CSS: Ogrodje CSS, usmerjeno v pripomočke, s poudarkom na prilagodljivosti in učinkovitosti.

Izid odločitve

Po preučitvi možnosti smo se odločili za uporabo Tailwind CSS iz naslednjih razlogov:

  • Enostavno za uporabo: Pristop Tailwind je preprost in lahko razumljiv. Njegovi razredi pripomočkov pospešijo gradnjo uporabniškega vmesnika.

  • Prilagodljivo: Tailwind omogoča prilagajanje z naborom konfiguracijskih datotek, ki razvijalcem omogočajo enostavno spreminjanje privzetih slogov ogrodja.

  • Podpora velike skupnosti: Tailwind ima zelo dejavno skupnost razvijalcev in oblikovalcev, ki nenehno ustvarjajo nove vire, vtičnike in orodja.

  • Prihranek časa: Tailwind lahko prihrani čas, kar razvijalcem omogoča osredotočenje na druga področja projekta.

Za gradnjo uporabniškega vmesnika našega projekta bomo uporabljali razrede pripomočkov Tailwind CSS. Razvojna ekipa bo uporabljala njegov atomarni in modularni oblikovalski sistem za pisanje učinkovite in razširljive kode CSS. Za pospešitev razvojnega procesa bomo izkoristili Tailwindove vnaprej izdelane predloge in vizualne komponente, hkrati pa bomo uporabljali slog po meri, da se ujema z blagovno znamko in temo stranke.

Zasluge: to stran je ustvaril ChatGPT, nato pa je bila urejena zaradi jasnosti in oblike.