Tailwind CSS: یک چارچوب CSS مفید و اول و API برای طراحی سریع و پاسخگو
در حالی که من به طور روزمره در زمینه فناوری فعالیت می کنم ، به اندازه ای که دوست دارم ادغام و اتوماسیون پیچیده ای را که شرکت من برای مشتریان اجرا می کند ، به اشتراک بگذارم. همچنین ، زمان زیادی برای کشف ندارم. بیشتر فناوری هایی که در مورد آنها می نویسم شرکت هایی هستند که به دنبال آن هستند Martech Zone آنها را تحت پوشش قرار می دهد ، اما هر چند وقت یکبار - به ویژه از طریق توییتر - در مورد فناوری جدیدی که باید به اشتراک بگذارم ، سر و صدا ایجاد می شود.
اگر در زمینه طراحی وب ، توسعه برنامه های تلفن همراه یا حتی راه اندازی سیستم مدیریت محتوا کار می کنید ، احتمالاً با ناامیدی سبک های رقیب در چندین شیوه نامه دست و پنجه نرم کرده اید. حتی با وجود ابزارهای توسعه شگفت انگیز ساخته شده در هر مرورگر ، پیگیری و پاکسازی CSS می تواند به زمان و انرژی زیادی نیاز داشته باشد.
چارچوب های CSS
در سال های اخیر ، طراحان کار بسیار شگفت انگیزی را در زمینه انتشار مجموعه هایی از سبک های آماده و آماده استفاده انجام داده اند. این CSS Styleheets بیشتر به عنوان CSS Frameworks شناخته می شود و سعی می کند همه سبک ها و قابلیت های پاسخگو را در خود جای دهد تا توسعه دهندگان فقط به یک چارچوب ارجاع دهند تا اینکه از ابتدا یک فایل CSS بسازند. برخی از چارچوب های محبوب عبارتند از:
- خود راه انداز - چارچوبی که طی یک دهه تکامل یافته است ، اولین بار توسط توییتر معرفی شد. این ویژگی های بی شماری را ارائه می دهد. این نرم افزار دارای معایب منفی است که نیاز به SASS دارد ، سخت گیر بودن زیاد ، وابسته به JQquery ، و بارگیری آن بسیار سنگین است.
- یافتن -یک چارچوب تمیز که برای توسعه دهندگان مناسب است و هیچ وابستگی به جاوا اسکریپت ندارد.
- پایه - یک چارچوب CSS عمومی و قابل استفاده که دارای چندین جزء است که به راحتی قابل تنظیم هستند. علاوه بر این ، وجود دارد بنیاد برای ایمیل و UI حرکتی برای انیمیشن ها
- کیت رابط کاربر -ترکیبی از HTML ، جاوا اسکریپت و CSS برای توسعه سریع و آسان صفحه اصلی شما.
چارچوب CSS Tailwind
در حالی که چارچوب های دیگر کار بسیار خوبی برای تطبیق عناصر رابط کاربری محبوب انجام می دهند ، Tailwind از متدولوژی معروف به CSS اتمیبه به طور خلاصه ، Tailwind به طرز مبتکرانه ای اسامی کلاس ها را با استفاده از زبان طبیعی برای انجام آنچه آنها می گویند ، سازماندهی کرد. بنابراین ، در حالی که Tailwind کتابخانه ای از اجزا ندارد ، توانایی ایجاد یک رابط کاربری قوی و پاسخگو فقط با ارجاع به نامهای کلاس CSS زیبا ، سریع و غیرقابل مقایسه است.
در اینجا چند نمونه واقعاً عالی وجود دارد:
شبکه های CSS
گرادیان های CSS
CSS برای پشتیبانی از حالت تاریک
Tailwind همچنین دارای یک فوق العاده است پسوند موجود است برای VS Code به طوری که بتوانید به راحتی کلاسها را از ویرایشگر کد مایکروسافت شناسایی و درج کنید.
حتی بسیار مبتکرانه ، Tailwind هنگام ساخت برای تولید ، به طور خودکار همه CSS های بلااستفاده را حذف می کند ، به این معنی که آخرین بسته CSS شما کوچکترین بسته نرم افزاری است. در حقیقت ، اکثر پروژه های Tailwind کمتر از 10 کیلوبایت CSS برای مشتری ارسال می کنند.