Tailwind CSS: ກອບ CSS ແລະ API ທີ່ເປັນປະໂຫຍດອັນທໍາອິດສໍາລັບການອອກແບບທີ່ຕອບສະ ໜອງ ໄດ້ໄວ

ກອບ CSS ຂອງ Tailwind

ໃນຂະນະທີ່ຂ້ອຍເລິກເຂົ້າໄປໃນເຕັກໂນໂລຍີປະຈໍາວັນ, ຂ້ອຍບໍ່ມີເວລາຫຼາຍເທົ່າທີ່ຂ້ອຍຕ້ອງການແບ່ງປັນການປະສົມປະສານທີ່ຊັບຊ້ອນແລະອັດຕະໂນມັດທີ່ບໍລິສັດຂອງຂ້ອຍດໍາເນີນການໃຫ້ກັບລູກຄ້າ. ເຊັ່ນດຽວກັນ, ຂ້ອຍບໍ່ມີເວລາຄົ້ນພົບຫຼາຍ. ເຕັກໂນໂລຍີສ່ວນໃຫຍ່ທີ່ຂ້ອຍຂຽນກ່ຽວກັບແມ່ນບໍລິສັດທີ່ຊອກຫາ Martech Zone ກວມເອົາພວກມັນ, ແຕ່ວ່າທຸກ every ຄັ້ງຄາວ ໜຶ່ງ - ໂດຍສະເພາະຜ່ານທາງ Twitter - ຂ້ອຍເຫັນບາງສິ່ງບາງຢ່າງອ້ອມຮອບເຕັກໂນໂລຍີໃthat່ທີ່ຂ້ອຍຕ້ອງການແບ່ງປັນ.

ຖ້າເຈົ້າເຮັດວຽກໃນການອອກແບບເວັບ, ການພັດທະນາແອັບມືຖື, ຫຼືແມ້ແຕ່ຕັ້ງລະບົບການຈັດການເນື້ອຫາ, ເຈົ້າອາດຈະຕໍ່ສູ້ກັບຄວາມຜິດຫວັງຂອງຮູບແບບການແຂ່ງຂັນກັນໃນຫຼາຍຮູບແບບ. ເຖິງແມ່ນວ່າມີເຄື່ອງມືພັດທະນາທີ່ ໜ້າ ອັດສະຈັນທີ່ສ້າງຂຶ້ນພາຍໃນແຕ່ລະໂປຣແກຣມທ່ອງເວັບ, ການຕິດຕາມແລະ ທຳ ຄວາມສະອາດ CSS ສາມາດໃຊ້ເວລາແລະພະລັງງານຫຼາຍເກີນໄປ.

CSS ກອບ

ໃນຊຸມປີມໍ່ມານີ້, ນັກອອກແບບໄດ້ເຮັດວຽກທີ່ ໜ້າ ງຶດງໍ້ຫຼາຍໃນການປ່ອຍຄໍເລັກຊັນທີ່ກຽມໄວ້ແລະພ້ອມທີ່ຈະໃຊ້. CSS Stylesheets ເຫຼົ່ານີ້ເປັນທີ່ຮູ້ຈັກກັນດີກວ່າ CSS Frameworks, ພະຍາຍາມຮອງຮັບທຸກຮູບແບບແລະຄວາມສາມາດໃນການຕອບສະ ໜອງ ທີ່ແຕກຕ່າງກັນເພື່ອໃຫ້ນັກພັດທະນາສາມາດອ້າງອີງເຖິງກອບໄດ້ຫຼາຍກວ່າການສ້າງໄຟລ CSS CSS ຕັ້ງແຕ່ຕົ້ນ. ບາງກອບທີ່ນິຍົມແມ່ນ:

  • Bootstrap - ກອບທີ່ພັດທະນາໃນໄລຍະ ໜຶ່ງ ທົດສະວັດ, ຖືກ ນຳ ສະ ເໜີ ຄັ້ງ ທຳ ອິດໂດຍ Twitter. ມັນສະ ເໜີ ຄຸນສົມບັດນັບບໍ່ຖ້ວນ. ມັນມີຂໍ້ເສຍ, ຕ້ອງການ SASS, ຍາກທີ່ຈະຂຽນທັບໄດ້, ຂຶ້ນກັບ JQquery, ແລະມັນສາມາດໂຫຼດໄດ້ຫຼາຍ.
  • ຄົ້ນຫາ -ກອບທີ່ສະອາດທີ່ເປັນມິດກັບຜູ້ພັດທະນາແລະບໍ່ມີການເພິ່ງພາອາໄສ JavaScript.
  • ມູນລະນິທິ - ກອບ CSS ທີ່ ທຳ ມະດາແລະໃຊ້ໄດ້ຫຼາຍເຊິ່ງມີສ່ວນປະກອບຫຼາຍໂຕນທີ່ສາມາດປັບແຕ່ງໄດ້ງ່າຍ. ນອກຈາກນັ້ນ, ມີ ພື້ນຖານສໍາລັບອີເມລ ແລະ Motion UI ສໍາລັບການເຄື່ອນໄຫວ.
  • ຊຸດ UI -ການປະສົມປະສານຂອງ HTML, JavaScript, ແລະ CSS ເພື່ອໃຫ້ການພັດທະນາດ້ານ ໜ້າ ຂອງເຈົ້າພັດທະນາຢ່າງວ່ອງໄວແລະງ່າຍດາຍ.

ກອບ CSS ຂອງ Tailwind

ໃນຂະນະທີ່ກອບອື່ນ other ເຮັດໄດ້ດີຫຼາຍໃນການຮອງຮັບອົງປະກອບສ່ວນຕິດຕໍ່ຜູ້ໃຊ້ທີ່ນິຍົມ, Tailwind ໃຊ້ວິທີການທີ່ຮູ້ຈັກກັນໃນນາມ ປະລໍາມະນູ CSS. ສະຫຼຸບແລ້ວ, Tailwind ໄດ້ຈັດລະບຽບຊື່ຊັ້ນຮຽນໂດຍໃຊ້ພາສາທໍາມະຊາດເພື່ອເຮັດໃນສິ່ງທີ່ເຂົາເຈົ້າເວົ້າວ່າເຂົາເຈົ້າເຮັດ. ສະນັ້ນ, ໃນຂະນະທີ່ Tailwind ບໍ່ມີຫ້ອງສະofຸດສ່ວນປະກອບ, ຄວາມສາມາດໃນການສ້າງອິນເຕີເຟດທີ່ມີປະສິດທິພາບ, ຕອບສະ ໜອງ ໄດ້ງ່າຍໂດຍການອ້າງອີງຊື່ຊັ້ນຮຽນ CSS ແມ່ນສະຫງ່າງາມ, ໄວ, ແລະບໍ່ສາມາດປຽບທຽບໄດ້.

ນີ້ແມ່ນບາງຕົວຢ່າງທີ່ດີແທ້:

ຕາຂ່າຍໄຟຟ້າ CSS

css column ເລີ່ມ grids columns

ການໄລ່ສີ CSS

css gradient

CSS ສຳ ລັບການສະ ໜັບ ສະ ໜູນ ໂModeດມືດ

css ໂdarkດມືດ

Tailwind ຍັງມີສິ່ງມະຫັດ ມີສ່ວນຂະຫຍາຍ ສໍາລັບລະຫັດ VS ເພື່ອໃຫ້ເຈົ້າສາມາດກໍານົດແລະແຊກຊັ້ນຮຽນໄດ້ງ່າຍຈາກຕົວແກ້ໄຂລະຫັດຂອງ Microsoft.

ຍິ່ງມີຄວາມເຂົ້າໃຈຫຼາຍ, Tailwind ຈະເອົາ CSS ທັງົດທີ່ບໍ່ໄດ້ໃຊ້ອອກໄປໂດຍອັດຕະໂນມັດເມື່ອສ້າງເພື່ອຜະລິດ, ນັ້ນmeansາຍຄວາມວ່າ CSS ມັດສຸດທ້າຍຂອງເຈົ້າແມ່ນນ້ອຍທີ່ສຸດເທົ່າທີ່ຈະເປັນໄປໄດ້. ໃນຄວາມເປັນຈິງ, ໂຄງການ Tailwind ສ່ວນໃຫຍ່ຈະສົ່ງ CSS ຕໍ່າກວ່າ 10kB ໃຫ້ກັບລູກຄ້າ.

ທ່ານຄິດແນວໃດ?

ເວັບໄຊທ໌ນີ້ໃຊ້ Akismet ເພື່ອຫຼຸດຜ່ອນການຂີ້ເຫຍື້ອ. ຮຽນຮູ້ວິທີທີ່ຂໍ້ມູນຂອງທ່ານຖືກປະຕິບັດ.