DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Davron
Davron

Posted on

TailwindCSS o'rganishni boshlang!

Nima uchun siz TailwindCSS ishlatishingiz kerak?

Kirish.

Agar siz veb-dasturchi bo'lsangiz, siz TailwindCSS haqida eshitgansiz. Bu dasturchilarga veb-saytlarni tez yaratish va o'zgartirish imkonini berish uchun Atomic CSS tamoyillaridan foydalanadigan yordamchi dasturlarga asoslangan CSS framework'dir. Ammo veb-saytlar yaratish uchun yana bir yangi tizimni o'rganishga arziydimi? Ushbu maqolada men TailwindCSS nima ekanligini va nima uchun uni o'rganishga vaqt sarflashga arziydiganligini tushuntirib beraman.

Ishlatishga oson:
TailwindCSS - bu sizga kerakli stilni osongina yaratish imkonini beruvchi CSS framework, ya'ni CSS ramka. Siz uni istalgan framework, veb-sayt yoki loyiha bilan ishlatishingiz mumkin. Oddiy sintaksisi va tuzilishi tufayli uni o'rganish va tushunish ham oson. Aynan shu narsa TailwindCSS-ni CSS ramkalari (yoki umuman olganda, front-end) bilan ko'p tajribaga ega bo'lmagan, lekin ulardan foydalanishni boshlashni xohlaydigan yangi boshlanuvchilar uchun ajoyib tanlov aylantiradi; tajribali foydalanuvchilar esa uni sintaksisi va proyekt boshlash osonligini hurmat qilishadi.

- TailwindCSS bilan sizning CSS faylingiz hajmi Bootstrap-dan kichikroq bo'ladi:
TailwindCSS dan foydalanishingiz kerakligini ikkinchi sababi bu fayl hajmi Bootstrap ishlatilgan fayl hajmidan kichikroq bo'lishidir. Bootstrap bilan siz barcha JS fayllarini, standart HTML shablonlarini va CSS stillarini kiritishingiz kerak bo'ladi. Buning umumiy hajmi 6 MB dan oshishi mumkin!

Endi buni TailwindCSS bilan solishtiramiz: siz faqat bitta faylni (css/tailwind.min.css fayli) qo'shishingiz kerak, uning hajmi atiga 1 KB! U butun veb-saytingiz uchun barcha kerakli uslublarni o'z ichiga oladi, boshqa komponentlar yoki keraksiz xususiyatlardan tashqari. Bu sizning sahifangizni Bootstrap yoki Foundation & Semantic UI kabi boshqa framework'lardan foydalanishdan ko'ra tezroq yuklashga hizmat qiladi, chunki brauzer tomonidan kamroq ma'lumot yuklab olinadi!

- Class nomlarini o'qilishi oson va tushinarli:
TailwindCSS bilan sizning class nomlaringiz qisqa, tavsifli va o'qish oson. Ularni eslab qolish ham oson.

TailwindCSS CSS yozishni ancha osonlashtiradi, chunki u loyihangiz davomida foydalanishingiz mumkin bo'lgan oddiy o'zgaruvchilardan iborat. Bu foydalanuvchilar uchun juda qulay va Autoprefixer, tarmoq tizimi, animatsiyalar va boshqalar kabi ko'plab xususiyatlarga ega!

Ushbu frameworkdan foydalanishning eng yaxshi tomoni shundaki, ular bir-biri bilan ishlashlari uchun yangi CSS classlarini yozishingiz shart emas - ular shunchaki ishga tushishlari mumkin!

Bootstrapga qaraganda uni sozlash osonroq va samaraliroq!

TailwindCSS'ning eng katta afzalligi bu uning soddaligidir. Ushbu frameworkni ishlab chiqaruvchilar, "dasturchilar o'z komponentlarini ishlab chiqishlari uchun yuzlab qator kodni ko'zdan kechirib chiqishlari shart emas" degan g'oyani ilgari surgan holda ishlab chiqarishgan.Chunki, asosiy komponentlar juda tushunarli yozilgan va ochiq manba boΚ»lgani uchun ularni oΚ»zgartirish va sozlash oson β€” har safar yangi narsani xohlayotganingizda amerikani qaytadan ixtiro qilishingiz shart emas!

Hulosa!

Ha, yuqoridagi sabablar tufayli hoziroq TailwindCSS'dan foydalanishni boshlashingiz kerak. Bu sizning rivojlanishingizni tezlashtiradigan va ilovangizdagi uslublarni boshqarishni osonlashtiradigan ajoyib vositadir. Agar TailwindCSS haqida ko'proq ma'lumot olishni hohlasangiz izohlarda fikringizni qoldiring!

Har qanday savollar uchun Telegram ❀️

Top comments (0)

Hacktoberfest is happening now!



It is a month-long celebration of open source. For a lot of devs, its their introduction to open source.


Check out the Hacktoberfest tag on DEV to keep up with the latest!