Architecture Decision RecordArkitekturbeslutningslogg: Tailwind CSS
Beslutning: Bruke Tailwind CSS som CSS-rammeverk for å style et brukergrensesnitt.
Hva er Tailwind CSS?
Tailwind er et CSS-rammeverk med verktøyklasser først (utility-first) som gir rask utvikling og tilpasning av brukergrensesnitt. Det er utformet for å kunne tilpasses i stor grad og lar utviklere skrive slankere og mer effektiv CSS. Rammeverket har et sett med ferdigdefinerte klasser for å style brukergrensesnittet svært raskt.
Kontekst
Vi bygger en webapplikasjon for en kunde som krever et responsivt og tilpassbart brukergrensesnitt. Kunden har bedt om konsistent og moderne styling. Utviklingsteamet har erfaring med egendefinert CSS, men vil utforske CSS-rammeverk som kan spare tid og krefter. Vi leter etter et rammeverk som er enkelt å bruke, kan tilpasses og har et stort miljø for støtte.
Beslutningsdrivere
Enkelt å bruke: Vi vil ha et rammeverk som er enkelt å lære og kan integreres i utviklingsarbeidsflyten vår.
Kan tilpasses: Vi vil ha et rammeverk som kan tilpasses kundens retningslinjer for merkevare og tema.
Stor støtte fra miljøet: Vi vil ha et rammeverk som har et aktivt miljø av utviklere og designere som kan gi hjelp og ressurser ved behov.
Tidsbesparende: Vi vil ha et rammeverk som kan spare tid og krefter ved styling av brukergrensesnittet.
Vurderte alternativer
Bootstrap: Et populært CSS-rammeverk med mange ferdigbygde komponenter og et stort miljø av utviklere.
Foundation: Et annet populært CSS-rammeverk som ble utformet for mobile-first-utvikling.
Materialize: Et CSS-rammeverk basert på Googles designspråk Material Design, med ferdigbygde komponenter for utvikling av brukergrensesnitt.
Tailwind CSS: Et CSS-rammeverk med verktøyklasser først, med fokus på tilpasning og effektivitet.
Beslutningsutfall
Etter å ha vurdert alternativene bestemte vi oss for å bruke Tailwind CSS av følgende grunner:
Enkelt å bruke: Tilnærmingen i Tailwind er enkel og lett å forstå. Verktøyklassene gjør det raskere å bygge et brukergrensesnitt.
Kan tilpasses: Tailwind gir mulighet for tilpasning gjennom et sett med konfigurasjonsfiler som lar utviklere enkelt endre rammeverkets standardstiler.
Stor støtte fra miljøet: Tailwind har et svært aktivt miljø av utviklere og designere som stadig lager nye ressurser, programtillegg og verktøy.
Tidsbesparende: Tailwind kan spare tid, slik at utviklere kan fokusere på andre deler av prosjektet.
Vi vil bruke verktøyklassene i Tailwind CSS til å bygge brukergrensesnittet i prosjektet vårt. Utviklingsteamet vil bruke det atomiske og modulære designsystemet til å skrive effektiv og skalerbar CSS-kode. Vi vil bruke Tailwinds ferdigbygde maler og visuelle komponenter for å fremskynde utviklingsprosessen, samtidig som vi bruker egne stiler for å tilpasse oss kundens merkevare og tema.