সিএসএস ফ্রেমওয়ার্ক, নাম শুনলেই হয়ত বেশিরভাগেরি Bootstrap এর কথা মাথায় আসবে। এছাড়াও Foundation, Material ui ইত্যাদি আরো কিছু সিএসএস ফ্রেমওয়ার্ক আছে। আজকে আমি আপনাদের আরো নতুন এক ভিন্নধর্মী সিএসএস ফ্রেমওয়ার্ক এর সাথে পরিচয় করিয়ে দিতে চলেছি যা গতানুগতিক সিএসএস ফ্রেমওয়ার্ক থেকে সম্পূর্ন আলাদা।
আমরা যেসব সিএসএস ফ্রেমওয়ার্ক ব্যবহার করি যেগুলি সাধারণত কম্পোনেন্ট নির্ভর। অর্থাৎ আপনার জন্যে আগে থেকেই প্রয়োজনীয় কম্পোনেট যেমন নেভবার, ড্রপডাউন মেনু, ডেট পিকার তৈরি করা থাকবে। কিছু utility class যদিও আছে তবে এইসব ফ্রেমওয়ার্ক এর আসল উদ্দেশ্য হচ্ছে আপনাকে ইউয়াই কম্পোনেন্ট সরবরাহ করা। আপনি যদি ফ্রেমোয়ার্ক এর UI-Component এর চেহেরা কিছুটা পরিবর্তন করতে চান তবে কাস্টম css class সংযুক্ত করে framework এর default সিএসএস স্টাইল override করতে হবে। কিন্তু Tailwind.css এইভাবে কাজ করে না। তারা গতানুগতিক সিএসএস এর ধারনা থেকে বের হয়ে এসে অন্যভাবে কাজ করছে।
Tailwind.css কী?
https://tailwindcss.com
Tailwind এর অফিশিয়াল ওয়েবসাইট এ গেলে দেখতে পাওয়া যায় তাঁরা বলছে
A utility-first CSS framework for rapidly building custom designs.
- Tailwindcss.com
এটি হচ্ছে একটি utility হেল্পার ভিত্তিক একটি ফ্রেমোয়ার্ক এবং এখানেই হচ্ছে হচ্ছে আসল পার্থক্য যা tailwind কে অন্য সকল গতানুগতিক সিএসএস ফ্রেমোয়ার্ক থেকে আলাদা করেছে। এটি একটি utility-first সিএসএস ফ্রেমোয়ার্ক। Tailwind আপনাকে অন্যান্য সিএসএস ফ্রেমোয়ার্ক এর মত আগে থেকে তৈরি করা কোন UI-Component উপহার দিবে না তাঁর বিপরীতে আপনি পাবেন প্রচুর utility class যা ব্যবহার করে আপনি আপনার নিজের ইচ্ছা মত ui-component তৈরি করতে পারবেন।