Tailwind CSS
ٹیل ونڈ سی ایس ایس ایک اوپن سورس سی ایس ایس فریم ورک ہے۔ اس لائبریری کی اہم خصوصیت یہ ہے کہ، بوٹسٹریپ جیسے دیگر سی ایس ایس فریم ورک کے برعکس، یہ بٹن یا ٹیبل جیسے عناصر کے لیے پہلے سے طے شدہ کلاسوں کا ایک سلسلہ فراہم نہیں کرتا ہے۔ اس کے بجائے، یہ "یوٹیلیٹی" سی ایس ایس کلاسوں کی ایک فہرست بناتا ہے جسے ہر عنصر کو ملا کر اور ملا کر اسٹائل کرنے کے لیے استعمال کیا جا سکتا ہے۔ مثال کے طور پر، دوسرے روایتی نظاموں میں، ایک کلاس ہوگی جو پیلے رنگ کے پس منظر کے رنگ اور بولڈ متن کا اطلاق کرے گی۔ ٹیل ونڈ میں اس نتیجے کو حاصل کرنے کے لیے، لائبریری کی طرف سے بنائی گئی کلاسوں کا ایک سیٹ لاگو کرنا ہوگا: اور۔ 30 جولائی 2023 تک، ٹیل ونڈ سی ایس ایس کے گٹ ہب پر 70,000 سے زیادہ ستارے ہیں۔ خصوصیات بوٹسٹریپ جیسے دیگر روایتی سی ایس ایس فریم ورک کے سلسلے میں بنیادی تصورات میں فرق کی وجہ سے، اس فلسفے کو جاننا ضروری ہے جس سے ٹیل ونڈ بنایا گیا تھا، نیز اس کا بنیادی استعمال بھی۔ یوٹیلیٹی کلاسز یوٹیلیٹی-فرسٹ تصور ٹیل ونڈ کی اہم امتیازی خصوصیت سے مراد ہے۔ اجزاء (بٹن، پینل، مینو، ٹیکسٹ باکس) کے ارد گرد کلاسیں بنانے کے بجائے، کلاسیں ایک مخصوص سٹائل عنصر (پیلا رنگ، بولڈ فونٹ، بہت بڑا متن، مرکزی عنصر) کے ارد گرد بنائی جاتی ہیں۔ ان کلاسوں میں سے ہر ایک کو یوٹیلیٹی کلاس کہا جاتا ہے۔ ٹیل ونڈ سی ایس ایس میں بہت سی یوٹیلیٹی کلاسیں ہیں جو سی ایس ایس کی خصوصیات کی ایک بڑی تعداد کو کنٹرول کرنے کے قابل بناتی ہیں جیسے رنگ، بارڈر، ڈسپلے ٹائپ (ڈسپلے)، فونٹ سائز اور فونٹ، ترتیب، شیڈو۔ متغیر ٹیل ونڈ میڈیا سوالات کے ذریعے صرف کچھ حالات میں یوٹیلیٹی کلاس کو لاگو کرنے کا امکان پیش کرتا ہے، جسے متغیر کہا جاتا ہے۔ متغیرات کا بنیادی استعمال مختلف اسکرین سائز کے لیے ایک ذمہ دار انٹرفیس ڈیزائن کرنا ہے۔ کسی عنصر کی مختلف حالتوں کے لیے بھی متغیرات ہیں، جیسے کہ جب گھمایا جاتا ہے، جب کی بورڈ منتخب کیا جاتا ہے یا جب استعمال میں ہوتا ہے، یا جب براؤزر یا آپریٹنگ سسٹم میں ڈارک موڈ فعال ہوتا ہے۔ متغیرات کے دو حصے ہوتے ہیں: پورا کرنے کی شرط اور وہ کلاس جو شرط پوری ہونے پر لاگو ہوتی ہے۔ مثال کے طور پر، اگر اسکرین کا سائز متعین کردہ قیمت سے زیادہ ہے تو متغیر کلاس کا اطلاق کرے گا۔ ٹیل ونڈ سی ایس ایس جاوا اسکرپٹ کا استعمال کرتے ہوئے تیار کیا گیا ہے، Node.js کے ذریعے چلتا ہے، اور این پی ایم یا سوت جیسے ماحولیاتی پیکیج مینیجرز کے ساتھ انسٹال ہوتا ہے۔ ترتیبات اور تھیمز یوٹیلیٹی کلاسز اور متغیرات کو ترتیب دینا ممکن ہے جو ٹیل ونڈ عام طور پر نامزد کنفیگریشن فائل کے ذریعے پیش کرتا ہے۔ ترتیب میں کوئی بھی یوٹیلیٹی کلاسوں کی اقدار مقرر کر سکتا ہے، جیسے کہ رنگین پیلیٹ یا حاشیے کے لیے عناصر کے درمیان سائز۔ بلڈ آل اینڈ پرج ٹیل ونڈ کا ڈیفالٹ موڈ یہ ہے کہ سسٹم پروجیکٹ کی ترتیبات کی بنیاد پر تمام ممکنہ سی ایس ایس امتزاج تیار کرتا ہے۔ پھر، ایک اور افادیت جیسے پرج سی ایس ایس کے ذریعے، تمام فائلوں کو منتقل کیا جاتا ہے، اور جو کلاسیں استعمال نہیں کی جا رہی ہیں انہیں نتیجے میں سی ایس ایس فائل سے ہٹا دیا جاتا ہے۔ مختلف اقسام کی تعداد اور ان کے امتزاج سے پیدا ہونے والی کلاسوں کی تعداد کی وجہ سے، اس طریقہ کار میں طویل انتظار کے اوقات اور صاف ہونے سے پہلے سی ایس ایس فائلوں کے بڑے سائز کی خرابیاں ہیں۔ آپریشن کا یہ طریقہ اب ٹیل ونڈ سی ایس ایس کے ورژن 3 میں دستیاب نہیں ہے۔ جے آئی ٹی جے آئی ٹی موڈ (جسٹ ان ٹائم) سی ایس ایس تیار کرنے کا ایک متبادل طریقہ ہے، جو تمام ممکنہ کلاسز تیار کرنے اور پھر ان تمام کو ہٹانے کے بجائے جو استعمال نہیں ہو رہے ہیں، ایچ ٹی ایم ایل فائلوں (یا تشکیل شدہ ایکسٹینشنز یا مقامات) کے مواد کو تجزیہ کرتا ہے اور فوری طور پر صرف وہی کلاسز تیار کرتا ہے جن کی ضرورت ہے اور استعمال کیا جاتا ہے۔ چونکہ تمام ممکنہ متغیرات اب پیدا نہیں ہوتے ہیں، اس کے نتیجے میں سی ایس ایس فائلوں کا انتظار کا وقت اور سائز بہت کم ہو جاتا ہے۔ اس تکنیکی بہتری نے متعدد نئے متغیرات اور یوٹیلیٹی کلاسز کو متعارف کرانا ممکن بنا دیا ہے، ساتھ ہی ترتیب میں سیٹ نہ کی گئی صوابدیدی اقدار کے ساتھ اڑتے ہوئے یوٹیلیٹی کلاسز بنانے کی صلاحیت بھی۔ ٹیل ونڈ سی ایس ایس کے ورژن 3 سے شروع کرتے ہوئے، جے آئی ٹی موڈ ڈیفالٹ بن گیا ہے۔ ورژن ٹیل ونڈ سی ایس ایس اپنے ورژن کی مطابقت کی شناخت کے لیے سیمنٹک ورژننگ کا استعمال کرتا ہے۔ حوالہ جات بیرونی روابط آفیشل ٹیل ونڈ ڈاکیومینٹیشن ٹیل ونڈ پلے گتھب ریپو ٹیل ونڈ کنورٹر سی ایس ایس فریم ورک کیسکیڈنگ اسٹائل شیٹس سافٹ ویئر ایم آئی ٹی لائسنس رسپانسیو ویب ڈیزائن کا استعمال کرتے ہوئے