Tailwind CSS
টেইলওয়াইন্ড সিএসএস একটি ওপেন সোর্স সিএসএস কাঠামো। এই গ্রন্থাগারের প্রধান বৈশিষ্ট্য হল, বুটস্ট্র্যাপের মতো অন্যান্য সিএসএস কাঠামোর মতো নয়, এটি বোতাম বা টেবিলের মতো উপাদানগুলির জন্য পূর্বনির্ধারিত শ্রেণীগুলির একটি সিরিজ সরবরাহ করে না। পরিবর্তে, এটি "ইউটিলিটি" সিএসএস শ্রেণীর একটি তালিকা তৈরি করে যা প্রতিটি উপাদানকে মেশানো এবং মেলানোর মাধ্যমে স্টাইল করতে ব্যবহার করা যেতে পারে। উদাহরণস্বরূপ, অন্যান্য ঐতিহ্যবাহী পদ্ধতিতে, একটি শ্রেণী থাকবে যা একটি হলুদ পটভূমি রঙ এবং গাঢ় পাঠ্য প্রয়োগ করবে। টেলওয়াইন্ডে এই ফলাফল অর্জনের জন্য, লাইব্রেরি দ্বারা তৈরি ক্লাসের একটি সেট প্রয়োগ করতে হবেঃ এবং। 2023 সালের 30শে জুলাই পর্যন্ত, টেইলওয়াইন্ড সিএসএস-এর গিটহাব-এ 70,000-এরও বেশি তারা রয়েছে। বৈশিষ্ট্য বুটস্ট্র্যাপের মতো অন্যান্য ঐতিহ্যবাহী সিএসএস কাঠামোর সাথে সম্পর্কিত মৌলিক ধারণাগুলির পার্থক্যের কারণে, টেলওয়াইন্ড যে দর্শন থেকে তৈরি হয়েছিল, সেইসাথে এর মৌলিক ব্যবহার জানা গুরুত্বপূর্ণ। ইউটিলিটি ক্লাস ইউটিলিটি-ফার্স্ট ধারণাটি টেলওয়াইন্ডের প্রধান পার্থক্যকারী বৈশিষ্ট্যকে বোঝায়। উপাদানগুলির (বোতাম, প্যানেল, মেনু, টেক্সটবক্স) চারপাশে শ্রেণী তৈরি করার পরিবর্তে, শ্রেণীগুলি একটি নির্দিষ্ট শৈলী উপাদানের (হলুদ রঙ, গাঢ় ফন্ট, খুব বড় পাঠ্য, কেন্দ্রের উপাদান) চারপাশে তৈরি করা হয়। এই প্রতিটি শ্রেণীকে ইউটিলিটি শ্রেণী বলা হয়। টেলওয়াইন্ড সিএসএস-এ অনেকগুলি ইউটিলিটি ক্লাস রয়েছে যা রঙ, সীমানা, প্রদর্শনের ধরণ (প্রদর্শন), ফন্টের আকার এবং ফন্ট, বিন্যাস, ছায়ার মতো বিপুল সংখ্যক সিএসএস বৈশিষ্ট্য নিয়ন্ত্রণ করতে সক্ষম করে। ভেরিয়েন্ট টেলওয়াইন্ড শুধুমাত্র কিছু পরিস্থিতিতে মিডিয়া প্রশ্নের মাধ্যমে একটি ইউটিলিটি ক্লাস প্রয়োগ করার সম্ভাবনা প্রদান করে, যাকে একটি বৈকল্পিক বলা হয়। বৈচিত্র্যের প্রধান ব্যবহার হল বিভিন্ন পর্দার আকারের জন্য একটি প্রতিক্রিয়াশীল ইন্টারফেস ডিজাইন করা। একটি উপাদানের বিভিন্ন অবস্থার জন্যও বৈচিত্র্য রয়েছে, যেমন কখন ঘোরানো হয়, কখন কীবোর্ড নির্বাচন করা হয় বা কখন ব্যবহার করা হয়, বা যখন ব্রাউজার বা অপারেটিং সিস্টেমে ডার্ক মোড সক্ষম থাকে। ভ্যারিয়েন্টের দুটি অংশ রয়েছেঃ পূরণ করার শর্ত এবং শর্ত পূরণ হলে যে শ্রেণী প্রয়োগ করা হয়। উদাহরণস্বরূপ, যদি পর্দার আকার নির্ধারিত মানের চেয়ে বেশি হয় তবে বৈকল্পিকটি শ্রেণী প্রয়োগ করবে। টেলওয়াইন্ড সিএসএস জাভাস্ক্রিপ্ট ব্যবহার করে তৈরি করা হয়, Node.js এর মাধ্যমে চলে এবং এন. পি. এম বা সুতোর মতো পরিবেশ প্যাকেজ ম্যানেজারদের সাথে ইনস্টল করা হয়। সেটিংস এবং থিমগুলি সাধারণত নামে একটি কনফিগারেশন ফাইলের মাধ্যমে টেলওয়াইন্ড যে ইউটিলিটি ক্লাস এবং রূপগুলি অফার করে তা কনফিগার করা সম্ভব। কনফিগারেশনে কেউ ইউটিলিটি ক্লাসের মান নির্ধারণ করতে পারে, যেমন রঙ-প্যালেট বা মার্জিনের জন্য উপাদানগুলির মধ্যে মাপ। সমস্ত তৈরি করুন এবং পার্জ করুন টেলওয়াইন্ডের ডিফল্ট মোড হল যে সিস্টেমটি প্রকল্পের সেটিংসের উপর ভিত্তি করে সমস্ত সম্ভাব্য সিএসএস সংমিশ্রণ তৈরি করে। তারপরে, পার্জসিএসএস-এর মতো অন্য একটি ইউটিলিটির মাধ্যমে, সমস্ত ফাইলগুলি অতিক্রম করা হয় এবং যে ক্লাসগুলি ব্যবহার করা হচ্ছে না সেগুলি সিএসএস ফাইল থেকে সরানো হয়। ভেরিয়েন্টের সংখ্যা এবং তাদের সংমিশ্রণ দ্বারা তৈরি করা যেতে পারে এমন ক্লাসের সংখ্যার কারণে, এই পদ্ধতিতে দীর্ঘ অপেক্ষার সময় এবং বড় আকারের সিএসএস ফাইলের ত্রুটি রয়েছে। এই কার্যপদ্ধতিটি টেলওয়াইন্ড সিএসএস-এর 3য় সংস্করণে আর উপলব্ধ নেই। জেআইটি জেআইটি মোড (জাস্ট-ইন-টাইম) হল সিএসএস তৈরি করার একটি বিকল্প উপায়, যা সমস্ত সম্ভাব্য শ্রেণী তৈরি করার পরিবর্তে এবং তারপর যেগুলি ব্যবহার করা হচ্ছে না সেগুলি অপসারণ করার পরিবর্তে, এইচটিএমএল ফাইলগুলির বিষয়বস্তু (বা কনফিগার করা এক্সটেনশন বা অবস্থান) বিশ্লেষণ করে এবং তাৎক্ষণিকভাবে শুধুমাত্র সেই শ্রেণীগুলি তৈরি করে যা প্রয়োজন এবং ব্যবহৃত হয়। যেহেতু সমস্ত সম্ভাব্য ভেরিয়েবল আর তৈরি হয় না, ফলস্বরূপ সিএসএস ফাইলগুলির অপেক্ষার সময় এবং আকার ব্যাপকভাবে হ্রাস পায়। এই প্রযুক্তিগত উন্নতিটি অসংখ্য নতুন রূপ এবং ইউটিলিটি ক্লাস প্রবর্তন করা সম্ভব করেছে, পাশাপাশি কনফিগারেশনে সেট না করা নির্বিচারে মানগুলির সাথে ফ্লাইতে ইউটিলিটি ক্লাস তৈরি করার ক্ষমতা তৈরি করেছে। টেইলওয়াইন্ড সিএসএস-এর 3য় সংস্করণ থেকে শুরু করে, জেআইটি মোড ডিফল্ট হয়ে উঠেছে। সংস্করণ টেলওয়াইন্ড সিএসএস তার সংস্করণের সামঞ্জস্যতা সনাক্ত করতে শব্দার্থিক সংস্করণ ব্যবহার করে। রেফারেন্স বাহ্যিক লিঙ্ক অফিসিয়াল টেইলওয়াইন্ড ডকুমেন্টেশন টেইলওয়াইন্ড প্লে গিথুব রেপো টেইলওয়াইন্ড কনভার্টার সিএসএস ফ্রেমওয়ার্ক এমআইটি লাইসেন্স রেসপন্সিভ ওয়েব ডিজাইন ব্যবহার করে ক্যাসকেডিং স্টাইল শিট সফ্টওয়্যার