نظرسنجی برای یک مینی فریم ورک css به کمک js

توی دنیای طراحی وب همیشه بحث در رابطه با کتابخونه ها یا فریم ورک های css جذاب بوده و کم افرادی هم نبودند که از این مدل فریم ورک ها توسعه دادند که بعضی شون بعد یه مدت کوتاه از بین رفتند و بعضی هم همچنان پا برجاموندند و دارند با قدرت ادامه میدند.

معروفترین شون هم میشه بوت استرپ رو نام برد که واقعا عالیه ولی یه مشکلی که خیلی ها به بوت استرپ وارد میدونند اینه که وبسایت هایی که از این فریم ورک استفاده میکنند از ظاهر یک شکلی برخوردارند، برای همین آقای Adam Wathan اومد و Tailwind css رو توسعه داد و شعارشم اینه که با سرعت وبسایت های مدرن رو بدون ترک کردن html ایجاد کن، خوب این خیلی عالیه و دیگه مشکل بوت استرپ رو هم نداری، ولی مشکلات دیگه ای وجود داره، برای کاربرای تازه کار یا افرادی که فقط برای یه کار کوچیک نیاز به یه قالب ساده دارند پیچیده است، برای ایجاد کامپوننت ها باید تعداد زیادی کلاس بنویسید که یکم شلوغ میشه کار و اینکه تعداد خط کدهای css بدون استفاده به شدت زیاد میشه توی این طرح.

در حقیقت این فریم ورک اومده برای هر proprty css چندین کلاس ایجاد کرده، به کد زیر توجه کنید

یعنی یک کد background-color: blue حداقل 24 بار تکرار میشه

کلاس های لازم برای یک دکمه ساده رو توی کد زیر ببینید

7 کلاس لازم داریم و اینکه باید کلی اسم کلاس به خاطر بسپارید، البته که این کار باعث میشه هر مدل طرحی که دوست داشتید پیاده کنید که این خودش یه مزیت بزرگ محصوب میشه، ولی اگه تبدیل بشه به کد زیر نظرتون چیه؟

خوب شاید یه سوال براتون پیش بیاد hover:darker از کجا تشخیص میده که رنگ دکمه چیه که بخواد اونو تیره تر کنه، باید بگم که بعد لود html جاوااسکریپت میاد و یه سری کلاس برامون ایجاد میکنه، اینطوری تشخیص میده رنگ دکمه چیه و تیره ترشو همون لحظه برامون ایجاد میکنه.

حتی می تونه به این صورت نوشته بشه


یعنی بعد hover: یا bg- کد رنگ مورد نظر رو مینویسیم.


حالا این همه گفتم که آخرش به چی برسم؟ اینا رو گفتم که از شما یه نظر سنجی کنم و همچنین اگه ایده ای هست به من بگید، چونکه الان من این فریم ورک رو نوشتم و تقریبا آماده است ولی هنوز شک دارم که میتونه کاربردی باشه یا نه؟ ممنون میشم در این ربطه هر نظری دارید در زیر همین ویرگول بنویسید و به من کمک کنید.

البته این فقط بخش خیلی کوچیکی از امکانات این فریم ورکه، فقط خواستم یه مثال خیلی ساده زده باشم

درسته که Tailwind هم امکانات خوبی در اختیارمون میذاره برای کاستوم شدن ولی بازهم به نوشتن کد جاوااسکریپت نیاز داره و یه جورایی به درد توسعه دهنده های لول بالای فرانت می خوره