همه چیز راجب Tailwind Css
Tailwind css چیست؟
یک فریمورک css هست. بسیار ساده تر از css و scss. بسیار کم حجم تر از bootstrap. دارای آزادی عمل فوق العاده برای طراحی زیبا و درجه یک برای طراحی وب سایت.
css یک زبان برنامه نویسی نیست و برای استایل دادن و زیبایی وب استفاده میشود.
این css چندین فریمورک دارد که 2 تا از محبوب ترین آنها bootstrap و Tailwind است.
css چیست؟
css برای دیزاین یک وب سایت استفاده میشود. استفاده خام css در وب سایت هم مزایا دارد هم معایب...
یکی از مزایا این است که هر طرح دلخواهی که بخواهید میتوانید در آن وب سایت پیاده کنید.
یکی ار معایب این است که زمان بره و خیلی تایم شما رو میگیره.
حالا bootstrap چیه؟
Bootstrap چیست؟
این یک فریمورک css است که در گذشته خیلی طرفدار داشته و هنوز هم داره ولی نه به اندازه tailwind. این فریمورک خیلی سنگینه ، چراش رو براتون توضیح میدم.
بوت‌استرپ دارای تعداد زیادی کامپوننت آماده است و دارای کد های آماده css و js است و این باعث شد در گذشته خیلی طرفدار داشته باشه.
خیلی ها از این فریمورک استفاده میکنند ولی در امروزه خیلی طرفدار گذشته رو نداره و طراحان وب دارند به سمت tailwind مهاجرت میکنند.
چون سنگین بودن دیزاین سایت برای لود صفحه شما به مشکل خواهد خورد...! برای مثال با بوت‌استرپ دیزاین شما 4 مگابایت میشود ولی با تیلویند کمتر از 10 کیلوبایت میشود.
حالا tailwind چیه؟
Tailwind css چیست؟
تیلویند بسیار flexable هست
بوت استرپ کامپوننت در اختیارتون میزاره. باید با همونا کار کنید ولی تیلویند، توی لایه پایین تری کار میکنه. کلاس ها رو در اختیارتون قرار میده و میگه حالا هر کامپوننتی میخوای، خودت با این کلاس ها بساز.
ذخیره کردن زمان در طراحی سایت
قطعا میدونید که زمان مورد نیاز برای زدن کد استایل دهی، با تیلویند بسیار پایین هست. توی استفاده کردن از این فریمورک، کافیه که کلاس مدنظرتون رو به المان مدنظرتون بدید.
به قطعه کدی که با تیلویند نوشته شده است دقت کنید!
<div/> رضازاده <" div class=" w-full h-full flex flex-col items-center justify-center gap-4>
دیزاین css زیر به صورت خام میشود کد زیر:
} div
;width:100%
;height:100%
;display: flex
;flex-direction: column
;justify-content: center
;align-items: cneter
;gap: 16px
{
همین دلیل کافیه تا آسان بودن کار شما در tailwind را مشاهده کنید.
در تیلویند تمامی سایز های ریسپانسیو و تمامی استایل های css جمع آوری شده است.
تیلویند در عرض 5 سال بهترین فریمورک css شناخته شد. (سال عرضه : 2019)
نکته آخر:
برای استفاده از تیلویند باید اول آن را نصب کنید...
همه چیز را داخل وب سایت رسمی تیلویند مشاهده کنید! روی متن کلیک کنید و کامل مشاهده کنید.
Tailwind
طاها رضازاده
دیدگاه کاربران
ثبت دیدگاه
برای ثبت نظر، ابتدا وارد شوید.
غزاله انتفاعی
عالی.