יש שוק לכל דבר
מדהים איך tailwind נפל לתהום, לא רק ב-DOCS שלא צריך לקרוא יותר, אבל בשימוש שלו באופן כללי, לא שווה לך להשתמש בו, האבסטרקציה שלו בפרונט מעלה את כמות השימוש בטוקן ב-30-50% (!!!), מכוכב שועט ב-2025 לגארבג' לא נצרך ויקר.
אם רוצים לאכוף design מסויים, רספונסיביות, themes
כן טיילווינד די אכלו אותה בסיפור של הllmים, שזה די מעניין, הם אכלו אותה כי כל המודלים מכירים את הספריה כל כך טוב וביחד עם המודל הכלכלי שלהם זה התפוצץ
הם פיטרו איזה 90 אחוז מהחברה לא?
יש לך אפשרות לעשות אבסטטרקציה יותר איכותית,קריאה וזולה עם קובץ של CSS ושם תייצר את הקלאסים שלך, תגדיר אותם, אתה יכול גם לייצר פאקג'ים לת'ים ולעשות דיפנדנסי של הזרקה תחת התניות של עמוד או לייאאוט, אבל טיילווינד זה סיפור אחר, הרעיון היה שהאפשרות שבן אדם יקרא אטריביוט'ס בצורה יותר שוטפת ב-HTML ולהכניס כמות עצומה של אפשרויות בפאקג' אחד, עם איזשהו סכמה מוגדרת של צבעים/טינטים/צורות/סקאפולד, בוא תראה את ההבדל שאתה עושה נגיד קארד:
<div class="card">
<img src="avatar.jpg" class="avatar">
<div class="card-body">
<h3 class="card-title">Sarah Connor</h3>
<p class="card-text">System Architect</p>
<button class="btn-primary">Connect</button>
</div>
</div>
אל מול טיילווינד:
<div class="group relative flex flex-col sm:flex-row items-center gap-4 rounded-2xl border border-slate-200/80 bg-gradient-to-b from-white to-slate-50/50 p-6 shadow-sm ring-1 ring-slate-950/5 backdrop-blur-md transition-all duration-300 ease-out hover:-translate-y-1 hover:border-indigo-500/30 hover:shadow-xl hover:shadow-indigo-500/10 dark:border-slate-800 dark:from-slate-900 dark:to-slate-950/40 dark:ring-white/10 dark:hover:border-indigo-400/40">
<div class="relative shrink-0">
<img src="avatar.jpg" class="h-16 w-16 rounded-full object-cover ring-2 ring-indigo-500/20 transition-transform duration-300 group-hover:scale-105 dark:ring-indigo-400/30" />
<span class="absolute bottom-0 right-0 h-3.5 w-3.5 rounded-full border-2 border-white bg-emerald-500 dark:border-slate-900"></span>
</div>
<div class="flex-1 text-center sm:text-left">
<h3 class="font-semibold tracking-tight text-slate-900 transition-colors group-hover:text-indigo-600 dark:text-slate-100 dark:group-hover:text-indigo-400">Sarah Connor</h3>
<p class="text-sm font-medium text-slate-500 dark:text-slate-400">System Architect</p>
<button class="mt-4 inline-flex items-center justify-center rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm transition-colors hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 active:scale-[0.98] dark:bg-indigo-500 dark:hover:bg-indigo-400">Connect</button>
</div>
</div>
מעולה אחלה html
זה קש של טרופית ישר לתוך הUSAGE, שותה לך הכל
כאילו לתחזק טיילווינד בלי קטלוג קומפוננטות מסודר על קודבייס גדול ככה או אחרת זה רעיון לא טוב
אני לא חושב שאתה אמור לדחוף קלאסים בכל מקום, אתה אמור לקחת פריימוורק headless כלשהו, או סתם shdcn. לבנות את הקומפוננטות שלך מעליו ולהשתמש בהם ואז אין לך sprawling של אינסוף קלאסים בכל מקום
מישהו משתמש בkapso במקרה?
יפה