Architecture Decision Record

Active theme: Light

← Eisimpleirean de chlàran co-dhùnaidh

Clàr co-dhùnaidh ailtireachd: Tailwind CSS

Co-dhùnadh: Cleachd Tailwind CSS mar am frèam CSS gus eadar-aghaidh cleachdaiche a stoidhleadh.

Dè th’ ann an Tailwind CSS?

Tha Tailwind na fhrèam CSS utility-first a leigeas le leasachadh luath agus gnàthachadh eadar-aghaidhean cleachdaiche. Tha e air a dhealbhadh airson a bhith glè ghnàthachail agus leigidh e le luchd-leasachaidh CSS nas caol is nas èifeachdaiche a sgrìobhadh. Bheir am frèam seo seata de chlasaichean ro-mhìnichte gus an UI a stoidhleadh glè luath.

Co-theacsa

Tha sinn a’ togail aplacaid-lìn do chliant a dh’fheumas eadar-aghaidh cleachdaiche freagarrach agus gnàthachail. Tha an cliant air stoidhle cunbhalach is ùr-nodha iarraidh. Tha eòlas aig an sgioba leasachaidh air CSS gnàthaichte a chleachdadh ach tha iad airson frèamaichean CSS a rannsachadh a shàbhaileas ùine is oidhirp. Tha sinn a’ sireadh frèam a tha furasta a chleachdadh, gnàthachail, agus aig a bheil coimhearsnachd mhòr airson taic.

Draibhearan co-dhùnaidh

  • Furasta a chleachdadh: Tha sinn ag iarraidh frèam a tha sìmplidh ionnsachadh agus as urrainn a bhith air amalachadh dhan t-sruth-obrach leasachaidh againn.

  • Gnàthachail: Tha sinn ag iarraidh frèam as urrainn a bhith air a ghnàthachadh gus freagairt ri stiùiridhean branda agus ri ùrlar a’ chliant.

  • Taic coimhearsnachd mhòr: Tha sinn ag iarraidh frèam aig a bheil coimhearsnachd ghnìomhach de luchd-leasachaidh is luchd-dealbhaidh as urrainn cuideachadh is goireasan a thoirt seachad nuair a tha sin a dhìth.

  • A’ sàbhaladh ùine: Tha sinn ag iarraidh frèam as urrainn ùine is oidhirp a shàbhaladh ann a bhith a’ stoidhleadh an UI.

Roghainnean air am beachdachadh

  • Bootstrap: Frèam CSS mòr-chòrdte le mòran cho-phàirtean ro-thogte agus coimhearsnachd mhòr de luchd-leasachaidh.

  • Foundation: Frèam CSS mòr-chòrdte eile a chaidh a dhealbhadh airson leasachadh mobile-first.

  • Materialize: Frèam CSS stèidhichte air cànan Material Design aig Google le co-phàirtean ro-thogte airson leasachadh UI.

  • Tailwind CSS: Frèam CSS utility-first le fòcas air gnàthachadh agus èifeachdas.

Toradh a’ cho-dhùnaidh

Às dèidh beachdachadh air na roghainnean, chuir sinn romhainn Tailwind CSS a chleachdadh airson na h-adhbharan a leanas:

  • Furasta a chleachdadh: Tha dòigh-obrach Tailwind sìmplidh agus furasta a thuigsinn. Bidh na clasaichean utility aige a’ dèanamh togail UI nas luaithe.

  • Gnàthachail: Leigidh Tailwind le gnàthachadh le bhith a’ toirt seachad seata de dh’fhaidhlichean rèiteachaidh a leigeas le luchd-leasachaidh stoidhlichean bunaiteach an fhrèam atharrachadh gu furasta.

  • Taic coimhearsnachd mhòr: Tha coimhearsnachd glè ghnìomhach de luchd-leasachaidh is luchd-dealbhaidh aig Tailwind a tha an-còmhnaidh a’ cruthachadh ghoireasan, plugainean, agus innealan ùra.

  • A’ sàbhaladh ùine: Faodaidh Tailwind ùine a shàbhaladh, a’ leigeil le luchd-leasachaidh fòcas a chur air raointean eile den phròiseact.

Cleachdaidh sinn clasaichean utility Tailwind CSS gus an UI a thogail airson ar pròiseact. Cleachdaidh an sgioba leasachaidh an siostam dealbhaidh atomach is modalach aige gus còd CSS èifeachdach is so-sgèilidh a sgrìobhadh. Cleachdaidh sinn teamplaidean ro-thogte agus co-phàirtean lèirsinneach Tailwind gus pròiseas an leasachaidh a luathachadh fhad ’s a chleachdas sinn stoidhlichean gnàthaichte gus freagairt ri branndadh agus ùrlar a’ chliant.

Creideas: chaidh an duilleag seo a ghineadh le ChatGPT, agus an uairsin a dheasachadh airson soilleireachd is cruth.