Architecture Decision Record

Active theme: Light

← Dæmi um ákvörðunarskrár

Arkitektúrákvörðunarskrá: Tailwind CSS

Ákvörðun: Nota Tailwind CSS sem CSS-ramma til að stíla notendaviðmót.

Hvað er Tailwind CSS?

Tailwind er CSS-rammi sem byggir fyrst og fremst á nytjaflokkum (utility-first) og gerir kleift að þróa og sérsníða notendaviðmót hratt. Hann er hannaður til að vera mjög sérsníðanlegur og leyfir þróunaraðilum að skrifa léttara og skilvirkara CSS. Þessi rammi býður upp á safn fyrirfram skilgreindra flokka til að stíla viðmótið mjög hratt.

Samhengi

Við erum að smíða vefforrit fyrir viðskiptavin sem krefst svörunarfúss og sérsníðanlegs notendaviðmóts. Viðskiptavinurinn hefur óskað eftir samræmdum og nútímalegum stíl. Þróunarteymið hefur reynslu af því að nota sérsniðið CSS en vill kanna CSS-ramma sem geta sparað tíma og fyrirhöfn. Við leitum að ramma sem er auðveldur í notkun, sérsníðanlegur og hefur stórt samfélag til stuðnings.

Drifkraftar ákvörðunar

  • Auðveldur í notkun: Við viljum ramma sem er einfalt að læra og hægt er að fella inn í vinnuflæði okkar í þróun.

  • Sérsníðanlegur: Við viljum ramma sem hægt er að sérsníða til að passa við vörumerkjaleiðbeiningar og þema viðskiptavinarins.

  • Stuðningur stórs samfélags: Við viljum ramma sem hefur virkt samfélag þróunaraðila og hönnuða sem getur veitt aðstoð og úrræði þegar þörf krefur.

  • Tímasparnaður: Við viljum ramma sem getur sparað tíma og fyrirhöfn við að stíla viðmótið.

Valkostir sem voru skoðaðir

  • Bootstrap: Vinsæll CSS-rammi með mörgum fyrirfram smíðuðum íhlutum og stóru samfélagi þróunaraðila.

  • Foundation: Annar vinsæll CSS-rammi sem var hannaður fyrir þróun þar sem farsímar koma fyrst.

  • Materialize: CSS-rammi byggður á Material Design hönnunarmáli Google með fyrirfram smíðuðum íhlutum fyrir viðmótsþróun.

  • Tailwind CSS: CSS-rammi sem byggir fyrst og fremst á nytjaflokkum með áherslu á sérsníðun og skilvirkni.

Niðurstaða ákvörðunar

Eftir að hafa skoðað valkostina ákváðum við að nota Tailwind CSS af eftirfarandi ástæðum:

  • Auðveldur í notkun: Nálgun Tailwind er einföld og auðskilin. Nytjaflokkar hans gera smíði viðmóts hraðari.

  • Sérsníðanlegur: Tailwind leyfir sérsníðun með því að bjóða upp á safn stillingarskráa sem gera þróunaraðilum auðvelt að breyta sjálfgefnum stílum rammans.

  • Stuðningur stórs samfélags: Tailwind hefur mjög virkt samfélag þróunaraðila og hönnuða sem búa stöðugt til ný úrræði, viðbætur og verkfæri.

  • Tímasparnaður: Tailwind getur sparað tíma og gert þróunaraðilum kleift að einbeita sér að öðrum sviðum verkefnisins.

Við munum nota nytjaflokka Tailwind CSS til að smíða viðmót verkefnisins okkar. Þróunarteymið mun nota atóm- og einingaskipt hönnunarkerfi þess til að skrifa skilvirkan og stigstærðan CSS-kóða. Við munum nýta fyrirfram smíðuð sniðmát og sjónræna íhluti Tailwind til að flýta þróunarferlinu en nota um leið sérsniðna stíla sem passa við vörumerki og þema viðskiptavinarins.

Credit: this page is generated by ChatGPT, then edited for clarity and format.