Eleanor Fant 06 March, 2023
Designed very similarly to the nearly double priced Galaxy tab S6, with the only removal being.
tailwind css یک فریمورک Utility First هست، این فریمورک متشکل از یکسری کلاس های آماده ای هست که شما برای پیاده سازی هرگونه دیزاینی میتونید ازش بهره ببرید. توجه کنید که tailwind css هیچ کامپوننت اماده ای در خود ندارد. و در این دوره قراره به صورت جامع این فریمورک رو بررسی کنیم و در نهایت یک پروژه فروشگاهی کاملا استاندارد پیاده سازی میکنیم. برای اینکه بیشتر راجب دوره بدونید ویدیو معرفی رو حتما مشاهده کنید.
فریمورک تیلویند (Tailwind) یک فریم ورک CSS محور هست که اخیرا به شدت پیشرفت کرده و مورد استقبال طراحان رابط کاربری (UI) قرار گرفته تا بتونن با ابزارهای متنوع تر و سرعت بیشتر، ظاهر زیبایی رو برای صفحات وب و اپلیکیشن بسازن.
حالا فکر می کنید چرا این فریم ورک انقدر سریع توسعه پیدا کرد و پر طرفدار شد؟ جواب رو در چند نکته خلاصه می کنیم
یکی از چالش های بزرگ بچه هایی که با css کد میزنن انتخاب یک نام مناسب برای کلاس ها هست تا بتونن به کمک css استایل دهی رو انجام بدن.
با استفاده از تیلویند، نیاز نیست کلاسهای پیچیده و نامهای خاصی برای عناصر وب خودتون بسازید. به جای اون، از کلاسهای کاربردی تیلویند استفاده میکنید که به شما کمک میکنند ویژگیهای مختلف مثل رنگ، اندازه، پسزمینه و … رو به آیتمهاتون اضافه کنید. چون تیلویند اومده استایل های مختلف css رو در مجموعه ای از کلاس های کاربردی (Utility) یا ” آماده ” خلاصه کرده تا بتونیم خیلی راحت و سریع از طریق html و این کلاس ها، استایل مورد نظر خودمون رو بدیم.
یکی دیگه از ویژگی های فوق العاده تیلویند اینه که دیگه نیازی به فایل جداگانه برای نگهداری کدهای CSS نیست و طبق شعار خود تیلویند ما می تونیم بدون اینکه صفحه html رو ترک کنیم و بین فایل های CSS در رفت و آمد باشیم، با استفاده از کلاس های پیش ساخته تیلویند، استایلدهی رو انجام بدیم و پیش بریم. این یعنی صرفه جویی در وقت و انرژی!
وقتی فریم ورک تیلویند رو به پروژه اضافه و کدنویسی رو شروع میکنیم، در نهایت برای خروجی گرفتن باید بیلد بگیریم. یکی دیگه از مزیت های تیلویند اینه که در این زمان، فقط از همون کلاس هایی که داخل پروژه استفاده شده بیلد گرفته میشه نه کل کلاس های تیلویند.
همین مسئله باعث میشه حجم پروژه و کدهای اون کمتر باشه و ساختار بهینه تری پیدا کنه.
فریمورک تیلویند (Tailwind CSS) ابزارها و منابعی در اختیار طراحان و توسعهدهندگان وب قرار میده که در طراحی رسپانسیو (Responsive) یا واکنش گرا، کنترل و آزادی عمل بیشتری داشته باشن.
توسعه سریع تر با استفاده از کلاس های کاربردی آماده (Utility) ، بهره مندی از سیستم گرید انعطاف پذیر برای تنظیم مختصات المان ها در نمایشگرهای مختلف، کاهش حجم بارگذاری صفحات با فشرده سازی کدهای CSS ، سازگاری با مرورگرهای مختلف برای تنظیم انواع استایل و چندین ویژگی دیگر، سرعت و کیفیت طراحی رسپانسیو را به طور محسوسی بالاتر میبرن.
| Size | Bust | Waist | Hip |
|---|---|---|---|
| S | 34 -36 | 28-30 | 38-40 |
| M | 36 -38 | 30-32.5 | 40-43 |
| L | 38-40 | 32-34.5 | 42-45.5 |
| XL | 40-42 | 35-37 | 46-38 |
Designed very similarly to the nearly double priced Galaxy tab S6, with the only removal being.
Designed very similarly to the nearly double priced Galaxy tab S6, with the only removal being.
