Tailwind CSS

Tailwind CSS

يختلف Tailwind عن الأطر مثل Bootstrap أو Foundation أو Bulma حيث إنها ليست مجموعة أدوات واجهة المستخدم.
يختلف Tailwind عن الأطر مثل Bootstrap أو Foundation أو Bulma حيث إنها ليست مجموعة أدوات واجهة المستخدم.لا يحتوي على سمة افتراضية ، ولا توجد مكونات واجهة مستخدم مضمنة.على الجانب الآخر ، ليس لديه أي رأي حول كيفية ظهور موقعك ولا يفرض قرارات تصميم يجب عليك الكفاح من أجل التراجع عنها.إذا كنت تبحث عن إطار عمل يأتي مع قائمة من الأدوات المصممة مسبقًا لإنشاء موقعك معها ، فقد لا يكون Tailwind هو الإطار المناسب لك ، ولهذا السبب لدينا بعض البدائل.ولكن إذا كنت ترغب في أن يبدأ تطبيق ضخم في تصميم مخصص بهويته الخاصة ، فقد يكون Tailwind هو ما تبحث عنه.الأداة المساعدة أولاً - إن إنشاء إطار عمل لإنشاء واجهة مستخدم مخصصة يعني أنه لا يمكنك تقديم أعمال تجريدية على المستوى المعتاد من الأزرار والنماذج والبطاقات وأشرطة التنقل ، وما إلى ذلك.واجهات المستخدم المعقدة دون تشجيع أي موقعين لتبدو متشابهة.سهل الاستخدام للمكونات بينما يمكنك القيام بالكثير مع فئات الأدوات المساعدة فقط ، إلا أن فئة المكونات هي القرار الصحيح في بعض الأحيان.يوفر Tailwind أدوات لاستخراج فئات المكونات من أنماط الأداة المساعدة المتكررة ، مما يجعل من السهل تحديث مثيلات متعددة للمكون من مكان واحد.استجابة لكل المكونات الأساسية تأتي الأداة المساعدة Tailwind أيضًا في النكهات سريعة الاستجابة ، مما يجعل من السهل للغاية إنشاء واجهات سريعة الاستجابة دون ترك HTML.يستخدم Tailwind {شاشة} بديهية: بادئة تسهل ملاحظة الفئات المستجيبة في ترميزك مع الحفاظ على اسم الفئة الأصلي يمكن التعرف عليه وسليمة.مصمم ليتم تخصيصه إذا كان من المنطقي أن يكون قابلاً للتخصيص ، فإن Tailwind يتيح لك تخصيصه.يتضمن ذلك الألوان وأحجام الحدود وأوزان الخطوط وأدوات التباعد ونقاط التوقف والظلال وأطنان أخرى.يتم كتابة Tailwind في PostCSS وتهيئتها في JavaScript ، مما يعني أن لديك القدرة الكاملة للغة برمجة حقيقية في متناول يدك.Tailwind هو أكثر من مجرد إطار CSS ، إنه محرك لإنشاء أنظمة التصميم.
tailwind-css

موقع الكتروني:

المميزات

التصنيفات

بدائل لـ Tailwind CSS لنظام التشغيل Web

Topcoat

Topcoat

Topcoat هي مكتبة CSS مفتوحة المصدر جديدة تمامًا ومصممة لمساعدة المطورين في إنشاء تطبيقات الويب مع التركيز على السرعة.
Material Design Lite

Material Design Lite

إطار الويب الأمامي من Google لبناء المواقع وفقًا لمواصفات تصميم المواد.
  • تطبيق مجاني
  • Web
320 and Up

320 and Up

"شاشة صغيرة الأولى" المرجل استجابة.
  • تطبيق مجاني
  • Web
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

يحتوي Juiced على العديد من ميزات التخطيط التي تعرفها وتحبها ، ولكنه يحسنها من خلال استهداف أفضل للهاتف المحمول وترتيب الأعمدة المخصص وخيارات محاذاة أفضل ...
The Semantic Grid System

The Semantic Grid System

قم بتعيين عرض الأعمدة والمزراب ، واختر عدد الأعمدة ، وانتقل بين البكسل والنسب المئوية.
  • تطبيق مجاني
  • Web
Kube Web Framework

Kube Web Framework

يعد Kube أحد أكثر الأطر تقدمًا ومرونة في العالم. يساعدك Kube على قضاء وقت أقل في المهام الروتينية والمزيد من الوقت في إنشاء منتجات مذهلة.
  • تطبيق مجاني
  • Web
The Goldilocks Approach

The Goldilocks Approach

نهج المعتدل في تصميم مواقع الويب المستجيبة - نقطة انطلاق جيدة للتصميم تأخذ دقة الجهاز خارج المعادلة.
  • تطبيق مجاني
  • Web
Golden Grid System

Golden Grid System

نظام شبكي لتصميم الويب سريع الاستجابة.يتضمن أعمدة قابلة للطي ، مزاريب مرنة ، شبكة أساسية قابلة للتكبير ، ونصًا رائعًا لتراكب الشبكة.
  • تطبيق مجاني
  • Web
Less Framework

Less Framework

Less Framework هو نظام شبكة CSS لتصميم مواقع الويب التكيفية.أنه يحتوي على 4 تخطيطات و 3 مجموعات من إعدادات الطباعة المسبقة ، كل ذلك يعتمد على شبكة واحدة.
  • تطبيق مجاني
  • Web
960 Grid System

960 Grid System

يُعد نظام الشبكة 960 محاولة لتبسيط سير عمل تطوير الويب من خلال توفير أبعاد شائعة الاستخدام ، استنادًا إلى عرض يبلغ 960 بكسل.
Sassy-validation

Sassy-validation

Sassy-validation هي مكتبة تحقق من صحة بيانات Sass. تحقق من صحة البيانات التي تم إدخالها أو لا تستخدم Sass على الإطلاق!
Wee

Wee

إطار أمامي خفيف الوزن لبناء مشاريع الويب المعقدة والسريعة الاستجابة.
  • تطبيق مجاني
  • Web
inuit.css

inuit.css

يعد inuit.css إطار CSS خفيف الوزن يتم تحديثه باستمرار والذي يوفر لك نقطة انطلاق عملية غنية بالميزات لجميع مشاريعك.
  • تطبيق مجاني
  • Web
Flexbox Grid

Flexbox Grid

نظام شبكة يعتمد على خاصية العرض المرن.
Backstretch

Backstretch

Backstretch عبارة عن مكون إضافي بسيط مسج يسمح لك بإضافة صورة خلفية يمكن تغيير حجمها ديناميكيًا وإمكانية عرض الشرائح لأي صفحة أو عنصر.