Tailwind CSS
டெய்ல்விண்ட் சிஎஸ்எஸ் என்பது ஒரு திறந்த மூல சிஎஸ்எஸ் கட்டமைப்பாகும். இந்த நூலகத்தின் முக்கிய அம்சம் என்னவென்றால், பூட்ஸ்ட்ராப் போன்ற பிற சிஎஸ்எஸ் கட்டமைப்புகளைப் போலல்லாமல், இது பொத்தான்கள் அல்லது அட்டவணைகள் போன்ற கூறுகளுக்கு முன்னரே வரையறுக்கப்பட்ட வகுப்புகளின் வரிசையை வழங்காது. அதற்கு பதிலாக, இது "பயன்பாட்டு" சிஎஸ்எஸ் வகுப்புகளின் பட்டியலை உருவாக்குகிறது, அவை ஒவ்வொரு உறுப்பையும் கலப்பதன் மூலமும் பொருத்துவதன் மூலமும் ஸ்டைல் செய்ய பயன்படுத்தப்படலாம். எடுத்துக்காட்டாக, பிற பாரம்பரிய அமைப்புகளில், மஞ்சள் பின்னணி நிறம் மற்றும் தைரியமான உரையைப் பயன்படுத்தும் ஒரு வகுப்பு இருக்கும். டெய்ல்விண்டில் இந்த முடிவை அடைய, நூலகத்தால் உருவாக்கப்பட்ட வகுப்புகளின் தொகுப்பை ஒருவர் பயன்படுத்த வேண்டும்ஃ மற்றும். 30 ஜூலை 2023 நிலவரப்படி, டெய்ல்விண்ட் சிஎஸ்எஸ் கிட்ஹப்பில் 70,000 க்கும் மேற்பட்ட நட்சத்திரங்களைக் கொண்டுள்ளது. அம்சங்கள் பூட்ஸ்ட்ராப் போன்ற பிற பாரம்பரிய சிஎஸ்எஸ் கட்டமைப்புகள் தொடர்பாக அடிப்படை கருத்துக்களில் உள்ள வேறுபாடு காரணமாக, டெய்ல்விண்ட் உருவாக்கப்பட்ட தத்துவத்தையும், அதன் அடிப்படை பயன்பாட்டையும் அறிந்து கொள்வது முக்கியம். பயன்பாட்டு வகுப்புகள் பயன்பாட்டு-முதல் கருத்து டெயில்விண்டின் முக்கிய வேறுபடுத்தும் அம்சத்தைக் குறிக்கிறது. கூறுகளைச் சுற்றி வகுப்புகளை உருவாக்குவதற்குப் பதிலாக (பொத்தான், பேனல், மெனு, உரைப்பெட்டி), வகுப்புகள் ஒரு குறிப்பிட்ட பாணி உறுப்பைச் சுற்றி கட்டப்பட்டுள்ளன (மஞ்சள் நிறம், தடித்த எழுத்துரு, மிகப் பெரிய உரை, மைய உறுப்பு.). இந்த வகுப்புகள் ஒவ்வொன்றும் பயன்பாட்டு வகுப்புகள் என்று அழைக்கப்படுகின்றன. டெய்ல்விண்ட் சிஎஸ்எஸில் பல பயன்பாட்டு வகுப்புகள் உள்ளன, அவை வண்ணங்கள், எல்லை, காட்சி வகை (காட்சி), எழுத்துரு அளவு மற்றும் எழுத்துரு, தளவமைப்பு, நிழல் போன்ற ஏராளமான சிஎஸ்எஸ் பண்புகளைக் கட்டுப்படுத்த உதவுகின்றன. மாறுபாடுகள் டெய்ல்விண்ட் ஊடக வினவல்கள் மூலம் சில சூழ்நிலைகளில் மட்டுமே பயன்பாட்டு வகுப்பைப் பயன்படுத்துவதற்கான வாய்ப்பை வழங்குகிறது, இது ஒரு மாறுபாடு என்று அழைக்கப்படுகிறது. மாறுபாடுகளின் முக்கிய பயன்பாடு பல்வேறு திரை அளவுகளுக்கு ஒரு பதிலளிக்கக்கூடிய இடைமுகத்தை வடிவமைப்பதாகும். ஒரு உறுப்பு இருக்கக்கூடிய வெவ்வேறு நிலைகளுக்கு மாறுபாடுகள் உள்ளன, அதாவது சுழலும் போது, விசைப்பலகை தேர்ந்தெடுக்கப்பட்டபோது அல்லது பயன்பாட்டில் இருக்கும்போது, அல்லது உலாவி அல்லது இயக்க முறைமை இருண்ட பயன்முறையை இயக்கும் போது. மாறுபாடுகள் இரண்டு பகுதிகளைக் கொண்டுள்ளனஃ சந்திக்க வேண்டிய நிபந்தனை மற்றும் நிபந்தனை பூர்த்தி செய்யப்பட்டால் பயன்படுத்தப்படும் வகுப்பு. எடுத்துக்காட்டாக, திரை அளவு வரையறுக்கப்பட்ட மதிப்பை விட அதிகமாக இருந்தால் மாறுபாடு வகுப்பைப் பயன்படுத்தும். டெய்ல்விண்ட் சிஎஸ்எஸ் ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி உருவாக்கப்பட்டது, Node.js வழியாக இயங்குகிறது, மேலும் என். பி. எம் அல்லது நூல் போன்ற சுற்றுச்சூழல் தொகுப்பு மேலாளர்களுடன் நிறுவப்படுகிறது. அமைப்புகள் மற்றும் கருப்பொருள்கள் பொதுவாக பெயரிடப்பட்ட உள்ளமைவு கோப்பு மூலம் டெய்ல்விண்ட் வழங்கும் பயன்பாட்டு வகுப்புகள் மற்றும் மாறுபாடுகளை உள்ளமைக்க முடியும். உள்ளமைவில் ஒருவர் பயன்பாட்டு வகுப்புகளின் மதிப்புகளை அமைக்கலாம், அதாவது வண்ணத் தட்டு அல்லது விளிம்புகளுக்கான கூறுகளுக்கு இடையிலான அளவுகள். அனைத்தையும் உருவாக்கி தூய்மைப்படுத்துங்கள் டெய்ல்விண்டின் இயல்புநிலை முறை என்னவென்றால், கணினி திட்ட அமைப்புகளின் அடிப்படையில் சாத்தியமான அனைத்து சிஎஸ்எஸ் சேர்க்கைகளையும் உருவாக்குகிறது. பின்னர், பர்ஜ்சிஎஸ்எஸ் போன்ற மற்றொரு பயன்பாட்டின் மூலம், அனைத்து கோப்புகளும் கடந்து செல்லப்படுகின்றன, மேலும் பயன்படுத்தப்படாத வகுப்புகள் இதன் விளைவாக வரும் சிஎஸ்எஸ் கோப்பிலிருந்து அகற்றப்படுகின்றன. மாறுபாடுகளின் எண்ணிக்கை மற்றும் அவற்றின் சேர்க்கைகளால் உருவாக்கக்கூடிய வகுப்புகளின் எண்ணிக்கை காரணமாக, இந்த முறை சுத்தம் செய்யப்படுவதற்கு முன்பு நீண்ட காத்திருப்பு நேரங்கள் மற்றும் பெரிய அளவிலான சிஎஸ்எஸ் கோப்புகளின் குறைபாடுகளைக் கொண்டுள்ளது. இந்த செயல்பாட்டு முறை இனி டெய்ல்விண்ட் சிஎஸ்எஸ் பதிப்பு 3 இல் கிடைக்காது. ஜேஐடி ஜேஐடி முறை (ஜஸ்ட்-இன்-டைம்) என்பது சிஎஸ்எஸ்-ஐ உருவாக்குவதற்கான ஒரு மாற்று வழியாகும், இது சாத்தியமான அனைத்து வகுப்புகளையும் உருவாக்கி, பின்னர் பயன்படுத்தப்படாத அனைத்தையும் அகற்றுவதற்குப் பதிலாக, எச். டி. எம். எல் கோப்புகளின் உள்ளடக்கத்தை (அல்லது உள்ளமைக்கப்பட்ட நீட்டிப்புகள் அல்லது இருப்பிடங்கள்) பகுப்பாய்வு செய்து, தேவையான மற்றும் பயன்படுத்தப்படும் வகுப்புகளை மட்டுமே உடனடியாக உருவாக்குகிறது. சாத்தியமான அனைத்து மாறிகளும் இனி உருவாக்கப்படாததால், இதன் விளைவாக வரும் சிஎஸ்எஸ் கோப்புகளின் காத்திருப்பு நேரமும் அளவும் பெரிதும் குறைக்கப்படுகிறது. இந்த தொழில்நுட்ப முன்னேற்றம் ஏராளமான புதிய மாறுபாடுகள் மற்றும் பயன்பாட்டு வகுப்புகளை அறிமுகப்படுத்தவும், கட்டமைப்பில் அமைக்கப்படாத தன்னிச்சையான மதிப்புகளுடன் பறக்கும் போது பயன்பாட்டு வகுப்புகளை உருவாக்கும் திறனையும் சாத்தியமாக்கியுள்ளது. டெய்ல்விண்ட் CSS இன் பதிப்பு 3 இல் தொடங்கி, JIT முறை இயல்புநிலையாக மாறியுள்ளது. பதிப்புகள் டெய்ல்விண்ட் சிஎஸ்எஸ் அதன் பதிப்பு பொருந்தக்கூடிய தன்மையை அடையாளம் காண சொற்பொருள் பதிப்பைப் பயன்படுத்துகிறது. குறிப்புகள் வெளிப்புற இணைப்புகள் அதிகாரப்பூர்வ டெய்ல்விண்ட் ஆவணமாக்கல் டெய்ல்விண்ட் பிளே கிட்ஹப் ரெப்போ டெய்ல்விண்ட் கன்வெர்ட்டர் சிஎஸ்எஸ் கட்டமைப்புகள் எம்ஐடி உரிமத்தைப் பயன்படுத்தி அடுக்கடுக்கான பாணி தாள்கள் மென்பொருள் பதிலளிக்க வலை வடிவமைப்பு