Architecture Decision Recordບັນທຶກການຕັດສິນໃຈດ້ານສະຖາປັດຕະຍະກຳ: Tailwind CSS
ການຕັດສິນໃຈ: ໃຊ້ Tailwind CSS ເປັນເຟຣມເວີກ CSS ເພື່ອຈັດຮູບແບບສ່ວນຕໍ່ປະສານຜູ້ໃຊ້.
Tailwind CSS ແມ່ນຫຍັງ?
Tailwind ເປັນເຟຣມເວີກ CSS ແບບ utility-first ທີ່ຊ່ວຍໃຫ້ພັດທະນາ ແລະ ປັບແຕ່ງສ່ວນຕໍ່ປະສານຜູ້ໃຊ້ໄດ້ຢ່າງວ່ອງໄວ. ມັນຖືກອອກແບບໃຫ້ປັບແຕ່ງໄດ້ສູງ ແລະ ຊ່ວຍໃຫ້ນັກພັດທະນາຂຽນ CSS ທີ່ກະທັດຮັດ ແລະ ມີປະສິດທິພາບກວ່າ. ເຟຣມເວີກນີ້ໃຫ້ຊຸດຄລາສທີ່ກຳນົດໄວ້ລ່ວງໜ້າ ເພື່ອຈັດຮູບແບບ UI ໄດ້ໄວຫຼາຍ.
ບໍລິບົດ
ພວກເຮົາກຳລັງສ້າງເວັບແອັບພລິເຄຊັນສຳລັບລູກຄ້າທີ່ຕ້ອງການສ່ວນຕໍ່ປະສານຜູ້ໃຊ້ທີ່ຕອບສະໜອງ ແລະ ປັບແຕ່ງໄດ້. ລູກຄ້າໄດ້ຂໍການຈັດຮູບແບບທີ່ສອດຄ່ອງ ແລະ ທັນສະໄໝ. ທີມພັດທະນາມີປະສົບການໃນການໃຊ້ CSS ແບບກຳນົດເອງ ແຕ່ຕ້ອງການສຳຫຼວດເຟຣມເວີກ CSS ທີ່ສາມາດປະຢັດເວລາ ແລະ ຄວາມພະຍາຍາມ. ພວກເຮົາກຳລັງຊອກຫາເຟຣມເວີກທີ່ໃຊ້ງ່າຍ, ປັບແຕ່ງໄດ້ ແລະ ມີຊຸມຊົນໃຫຍ່ສຳລັບການສະໜັບສະໜູນ.
ປັດໄຈຜັກດັນການຕັດສິນໃຈ
ໃຊ້ງ່າຍ: ພວກເຮົາຕ້ອງການເຟຣມເວີກທີ່ຮຽນຮູ້ງ່າຍ ແລະ ສາມາດລວມເຂົ້າໃນຂັ້ນຕອນການພັດທະນາຂອງພວກເຮົາ.
ປັບແຕ່ງໄດ້: ພວກເຮົາຕ້ອງການເຟຣມເວີກທີ່ສາມາດປັບແຕ່ງໃຫ້ກົງກັບແນວທາງແບຣນ ແລະ ທຳມຂອງລູກຄ້າ.
ການສະໜັບສະໜູນຈາກຊຸມຊົນໃຫຍ່: ພວກເຮົາຕ້ອງການເຟຣມເວີກທີ່ມີຊຸມຊົນນັກພັດທະນາ ແລະ ນັກອອກແບບທີ່ຄຶກຄັກ ທີ່ສາມາດໃຫ້ຄວາມຊ່ວຍເຫຼືອ ແລະ ຊັບພະຍາກອນເມື່ອຕ້ອງການ.
ປະຢັດເວລາ: ພວກເຮົາຕ້ອງການເຟຣມເວີກທີ່ສາມາດປະຢັດເວລາ ແລະ ຄວາມພະຍາຍາມໃນການຈັດຮູບແບບ UI.
ທາງເລືອກທີ່ພິຈາລະນາ
Bootstrap: ເຟຣມເວີກ CSS ທີ່ນິຍົມ ທີ່ມີອົງປະກອບສຳເລັດຮູບຫຼາຍຢ່າງ ແລະ ຊຸມຊົນນັກພັດທະນາຂະໜາດໃຫຍ່.
Foundation: ເຟຣມເວີກ CSS ທີ່ນິຍົມອີກອັນ ທີ່ຖືກອອກແບບສຳລັບການພັດທະນາແບບມືຖືກ່ອນ.
Materialize: ເຟຣມເວີກ CSS ທີ່ອີງໃສ່ພາສາ Material Design ຂອງ Google ພ້ອມອົງປະກອບສຳເລັດຮູບສຳລັບການພັດທະນາ UI.
Tailwind CSS: ເຟຣມເວີກ CSS ແບບ utility-first ທີ່ເນັ້ນການປັບແຕ່ງ ແລະ ປະສິດທິພາບ.
ຜົນຂອງການຕັດສິນໃຈ
ຫຼັງຈາກພິຈາລະນາທາງເລືອກ ພວກເຮົາໄດ້ຕັດສິນໃຈໃຊ້ Tailwind CSS ດ້ວຍເຫດຜົນຕໍ່ໄປນີ້:
ໃຊ້ງ່າຍ: ແນວທາງຂອງ Tailwind ງ່າຍ ແລະ ເຂົ້າໃຈງ່າຍ. ຄລາສ utility ຂອງມັນເຮັດໃຫ້ສ້າງ UI ໄດ້ໄວຂຶ້ນ.
ປັບແຕ່ງໄດ້: Tailwind ອະນຸຍາດໃຫ້ປັບແຕ່ງໂດຍສະໜອງຊຸດໄຟລ໌ຕັ້ງຄ່າ ທີ່ຊ່ວຍໃຫ້ນັກພັດທະນາແກ້ໄຂຮູບແບບເລີ່ມຕົ້ນຂອງເຟຣມເວີກໄດ້ຢ່າງງ່າຍດາຍ.
ການສະໜັບສະໜູນຈາກຊຸມຊົນໃຫຍ່: Tailwind ມີຊຸມຊົນນັກພັດທະນາ ແລະ ນັກອອກແບບທີ່ຄຶກຄັກຫຼາຍ ທີ່ສ້າງຊັບພະຍາກອນ, ປລັກອິນ ແລະ ເຄື່ອງມືໃໝ່ຢູ່ຢ່າງຕໍ່ເນື່ອງ.
ປະຢັດເວລາ: Tailwind ສາມາດປະຢັດເວລາ ເຮັດໃຫ້ນັກພັດທະນາສຸມໃສ່ດ້ານອື່ນຂອງໂຄງການ.
ພວກເຮົາຈະໃຊ້ຄລາສ utility ຂອງ Tailwind CSS ເພື່ອສ້າງ UI ສຳລັບໂຄງການຂອງພວກເຮົາ. ທີມພັດທະນາຈະໃຊ້ລະບົບການອອກແບບແບບອະຕອມ ແລະ ໂມດູນຂອງມັນເພື່ອຂຽນໂຄ້ດ CSS ທີ່ມີປະສິດທິພາບ ແລະ ຂະຫຍາຍໄດ້. ພວກເຮົາຈະນຳໃຊ້ແມ່ແບບສຳເລັດຮູບ ແລະ ອົງປະກອບທາງສາຍຕາຂອງ Tailwind ເພື່ອເລັ່ງຂະບວນການພັດທະນາ ໃນຂະນະທີ່ໃຊ້ຮູບແບບກຳນົດເອງເພື່ອໃຫ້ກົງກັບແບຣນ ແລະ ທຳມຂອງລູກຄ້າ.