প্রকল্প সম্পর্কে

Vanilla CSS Design System হলো সম্পূর্ণ ভ্যানিলা CSS দিয়ে তৈরি একটি মডুলার স্টাইলিং ফাউন্ডেশন। এর README-তে অপ্রয়োজনীয় ডিপেন্ডেন্সিহীন একটি হালকা পদ্ধতি, শুধুমাত্র প্রয়োজনীয় অংশ অন্তর্ভুক্ত করার সুবিধা, CSS ভেরিয়েবলের মাধ্যমে থিমিং, মোবাইল-ফার্স্ট রেসপনসিভনেস এবং অ্যাক্সেসিবিলিটি বেস্ট প্র্যাকটিসের কথা উল্লেখ করা হয়েছে। এর ডকুমেন্টেশন এবং লাইভ উদাহরণ GitHub Pages-এ হোস্ট করা হয়েছে, যেখানে examples ডিরেক্টরিটিকে মূল ডিজাইন সিস্টেম ডকুমেন্টেশন হিসেবে লিঙ্ক করা হয়েছে। কুইক স্টার্ট: রিপোজিটরি ক্লোন করুন, ঐচ্ছিকভাবে npm install চালান, তারপর http://localhost:3000-এ লোকাল ডেভেলপমেন্ট সার্ভারের জন্য npm run dev চালান। dev কমান্ডটি ডেভেলপমেন্ট মোডে স্যুইচ করে, CSS এবং টোকেন ফাইলগুলো পর্যবেক্ষণ করে, পরিবর্তনের সাথে সাথে রিবিল্ড করে এবং ব্রাউজার রিফ্রেশ করে। একটি বিল্ট কম্বাইন্ড ফাইল styles/vanilla-combined.min.css হিসেবে প্রজেক্টে লিঙ্ক করা যেতে পারে। build:css স্ক্রিপ্টটি CSS কম্বাইন, পার্জ এবং মিনিফাই করে। ফরম্যাট কনভার্সন স্ক্রিপ্ট css2tokens এবং tokens2css-এর মাধ্যমে CSS এবং ডিজাইন টোকেনের মধ্যে রূপান্তর করা যায়। অতিরিক্ত স্ক্রিপ্টগুলো ওয়াচ মোড, CSS লিন্টিং এবং ফিক্স, এবং উদাহরণগুলোকে ডেভেলপমেন্ট ও প্রোডাকশন CSS ফাইলের মধ্যে স্যুইচ করার কাজ করে। ভার্সন-ট্যাগড কম্বাইন্ড মিনিফাইড CSS ফাইলের জন্য একটি CDN লিঙ্ক প্রদান করা হয়েছে, যাতে ব্যবহারকারীরা ইনস্টলেশন এড়িয়ে সরাসরি পেজে এটি যুক্ত করতে পারেন। রিপোজিটরি লেআউটে স্টাইল, স্ক্রিপ্ট, উদাহরণ এবং টোকেন আলাদা করা হয়েছে, এবং রুট ডিরেক্টরিতে README ও package.json রয়েছে। এই প্রজেক্টটি স্টাইলিংয়ের জন্য মডুলার আর্কিটেকচারের সাথে ভ্যানিলা CSS ব্যবহার করে, পাশাপাশি ধারাবাহিক স্ট্যান্ডার্ডের জন্য Stylelint, অব্যবহৃত CSS সরানোর জন্য PurgeCSS, মিনিফিকেশনের জন্য Lightning CSS এবং পরিবর্তন পর্যবেক্ষণের জন্য Nodemon ব্যবহার করে। এটি MIT লাইসেন্সপ্রাপ্ত এবং ইস্যু ও পুল রিকোয়েস্টের জন্য আমন্ত্রণ জানায়। এই ওভারভিউটি রিপোজিটরি README-তে বর্ণিত সক্ষমতাগুলো প্রতিফলিত করে; এটি বর্ণিত তথ্যের বাইরে পারফরম্যান্স, গুণমান বা উপযোগিতা মূল্যায়ন করে না।