Tailwind CSS

Tailwind CSS

Tailwind با چارچوب هایی مانند Bootstrap ، Foundation یا Bulma متفاوت است زیرا این یک کیت UI نیست.
Tailwind با چارچوب هایی مانند Bootstrap ، Foundation یا Bulma متفاوت است زیرا این یک کیت UI نیست.این یک موضوع پیش فرض ندارد و هیچ مؤلفه داخلی UI وجود ندارد.از طرف دیگر ، همچنین هیچ نظری در مورد چگونگی نگاه سایت شما ندارد و تصمیمات طراحی را که باید برای خنثیسازی بکشید تحمیل نمی کند.اگر به دنبال چارچوبی هستید که همراه با منوی ابزارک های از پیش تعیین شده برای ساخت سایت شما باشد ، ممکن است Tailwind چارچوب مناسبی برای شما نباشد ، به همین دلیل گزینه های دیگری داریم.اما اگر می خواهید یک سر عظیم شروع به اجرای یک طراحی سفارشی با هویت خاص خود کند ، Tailwind ممکن است فقط آنچه شما به دنبال آن هستید.ابزار اول ایجاد یک چارچوب برای ایجاد رابط کاربری های سفارشی بدین معنی است که شما نمی توانید در سطح معمول دکمه ها ، فرم ها ، کارت ها ، ناوبری ها و غیره آبستره هایی تهیه کنید ، در عوض ، Tailwind کلاس های کمکی کاملاً سازگار و کم سطح را ایجاد می کند که ساخت آن را آسان می کند.رابط های پیچیده کاربر بدون تشویق هر دو سایت برای یکسان بودن.سازگار با کامپوننت اگرچه شما می توانید کارهای بسیار خوبی را با کلاس های نرم افزاری انجام دهید ، اما گاهی اوقات یک کلاس جزء تصمیم درستی است.Tailwind ابزاری برای استخراج کلاسهای مؤلفه از الگوهای مکرر ابزار فراهم می کند ، و به روز می کند چندین نمونه از یک جزء را از یک مکان آسان کرد.پاسخگو به هسته اصلی هر برنامه Tailwind همچنین دارای طعم های پاسخگو است و ساختن رابط های پاسخگو را بسیار آسان می کند بدون اینکه HTML خود را ترک کنید.Tailwind از یک صفحه نمایش بصری استفاده می کند: پیشوندی که باعث می شود در حالی که نام کلاس اصلی را قابل تشخیص و دست نخورده نگه دارید ، می توانید متوجه کلاس های پاسخگو در نشانه گذاری خود شوید.طراحی شده برای شخصی سازی اگر منطقی باشد که قابل تنظیم باشد ، Tailwind به شما امکان می دهد تا آن را شخصی سازی کنید.این شامل رنگ ها ، اندازه های مرزی ، وزن قلم ، برنامه های کاربردی فاصله ، نقاط شکست ، سایه ها و تن دیگر است.Tailwind در PostCSS نوشته شده است و در JavaScript پیکربندی شده است ، به این معنی که شما دارای قدرت کامل یک زبان برنامه نویسی واقعی در نوک انگشتان خود هستید.Tailwind بیش از یک فریم ورک CSS است ، این موتور برای ایجاد سیستم های طراحی است.
tailwind-css

سایت اینترنتی:

امکانات

دسته بندی ها

گزینه های Tailwind CSS برای همه سیستم عامل های دارای مجوز

Golden Grid System

Golden Grid System

سیستم شبکه ای برای طراحی وب پاسخگو.شامل ستونهای تاشو ، ناودانهای الاستیک ، شبکه ابتدای صفحه بزرگنمایی و یک اسکریپت روکش صفحه جذاب.
  • نرم افزار رایگان
  • Web
320 and Up

320 and Up

صفحه نمایش کوچک پاسخگو 'صفحه نمایش کوچک'.
  • نرم افزار رایگان
  • Web
Less Framework

Less Framework

Less Framework یک سیستم شبکه CSS برای طراحی وب سایتهای سازگار است.این شامل 4 طرح و 3 مجموعه از پیش تنظیم تایپوگرافی ، همه بر اساس یک شبکه واحد است.
  • نرم افزار رایگان
  • Web
yeti.css

yeti.css

yeti.css یک کتابخانه الگوی متشکل از ماژول های سبک ، قابل استفاده مجدد است.این ساخته شده است تا منعکس کننده و هنوز هم دستورالعمل های بصری و مارک تجاری.
960 Grid System

960 Grid System

سیستم گرید 960 تلاشی برای ساده سازی گردش کار برای توسعه وب با ارائه ابعاد متداول و مبتنی بر پهنای 960 پیکسل است.
Sassy-validation

Sassy-validation

اعتبارسنجی Sassy یک کتابخانه اعتبارسنجی نوع داده Sass است. داده های ورودی را معتبر کنید یا اصلاً Sass را انجام ندهید!
Wee

Wee

چارچوب جلوی سبک وزن برای ایجاد پروژه های وب پاسخگو پیچیده و منطقی.
  • نرم افزار رایگان
  • Web
inuit.css

inuit.css

inuit.css یک چارچوب سبک CSS است که به طور مداوم به روز می شود و یک نقطه شروع عملی و غنی از ویژگی برای همه پروژه های شما فراهم می کند.
  • نرم افزار رایگان
  • Web
Flexbox Grid

Flexbox Grid

سیستم شبکه بر اساس خاصیت نمایشگر فلکس.
Backstretch

Backstretch

Backstretch یک افزونه ساده jQuery است که به شما امکان می دهد یک تصویر پس زمینه با اندازه پردازی با اندازه پویا تغییر دهید و به هر صفحه یا عنصر اضافه کنید.
Frameless

Frameless

طراحی پاسخگو را حفاری کنید؟از شبکه های مایع متنفر هستید؟یک شبکه Frameless را امتحان کنید.
  • نرم افزار رایگان
  • Web
SimpleGrid

SimpleGrid

پاسخگولانه بی نهایتیک کلاس در هر عنصر.ساده.
  • نرم افزار رایگان
  • Web
Fluid 960 Grid System

Fluid 960 Grid System

قالب های سیستم Grid 960 Grid بر اساس کار ناتان اسمیت و سیستم گرید 960 وی با استفاده از جلوه های کتابخانه های MooTools و jQuery JavaScript ساخته شده اند.
Foldy960

Foldy960

Foldy960 - نسخه ای پاسخگو از شبکه 960 ، روش Pvel!
Unsemantic CSS Framework

Unsemantic CSS Framework

Unsemantic یک سیستم شبکه سیال است که جانشین سیستم گرید 960 است.