டெயில்விண்ட் சிஎஸ்எஸ்: ஒரு யுடிலிட்டி-ஃபர்ஸ்ட் சிஎஸ்எஸ் ஃபிரேம்வொர்க் மற்றும் விரைவான, பதிலளிக்கக்கூடிய டிசைனுக்கான ஏபிஐ

டெயில்விண்ட் சிஎஸ்எஸ் கட்டமைப்பு

நான் தினசரி அடிப்படையில் தொழில்நுட்பத்தில் ஆழமாக இருக்கும்போது, ​​வாடிக்கையாளர்களுக்காக எனது நிறுவனம் செயல்படுத்தும் சிக்கலான ஒருங்கிணைப்புகள் மற்றும் ஆட்டோமேஷனைப் பகிர்ந்து கொள்ள எனக்கு அதிக நேரம் கிடைக்கவில்லை. மேலும், எனக்கு நிறைய கண்டுபிடிப்பு நேரம் இல்லை. நான் எழுதும் தொழில்நுட்பங்களில் பெரும்பாலானவை தேடும் நிறுவனங்கள் Martech Zone அவற்றை உள்ளடக்கியது, ஆனால் ஒவ்வொரு முறையும் - குறிப்பாக ட்விட்டர் வழியாக - நான் பகிர்ந்து கொள்ள வேண்டிய ஒரு புதிய தொழில்நுட்பத்தைச் சுற்றி சில சலசலப்புகளைக் காண்கிறேன்.

நீங்கள் வலை வடிவமைப்பு, மொபைல் பயன்பாட்டு மேம்பாடு அல்லது உள்ளடக்க மேலாண்மை அமைப்பில் கூட வேலை செய்தால், பல ஸ்டைல்ஷீட்களில் போட்டியிடும் பாணிகளின் விரக்தியுடன் நீங்கள் மல்யுத்தம் செய்திருக்கலாம். ஒவ்வொரு உலாவியில் உருவாக்கப்பட்டுள்ள அற்புதமான மேம்பாட்டு கருவிகளுடன் கூட, கண்காணிப்பு மற்றும் CSS ஐ சுத்தம் செய்வதற்கு அதிக நேரமும் சக்தியும் தேவைப்படும்.

CSS கட்டமைப்புகள்

சமீபத்திய ஆண்டுகளில், வடிவமைப்பாளர்கள் தயாரிக்கப்பட்ட மற்றும் பயன்படுத்த தயாராக இருக்கும் பாணிகளின் தொகுப்புகளை வெளியிடும் ஒரு அற்புதமான வேலையைச் செய்துள்ளனர். இந்த சிஎஸ்எஸ் ஸ்டைல்ஷீட்கள் சிஎஸ்எஸ் ஃபிரேம்வொர்க்ஸ் என அழைக்கப்படுகின்றன, பல்வேறு பாணிகள் மற்றும் பதிலளிக்கக்கூடிய திறன்கள் அனைத்தையும் உருவாக்க முயற்சி செய்கின்றன, இதனால் டெவலப்பர்கள் புதிதாக ஒரு சிஎஸ்எஸ் கோப்பை உருவாக்குவதை விட ஒரு கட்டமைப்பை குறிப்பிட முடியும். சில பிரபலமான கட்டமைப்புகள்:

  • பூட்ஸ்டார்ப் - ஒரு தசாப்தத்தில் உருவான ஒரு கட்டமைப்பு, முதலில் ட்விட்டரால் அறிமுகப்படுத்தப்பட்டது. இது எண்ணற்ற அம்சங்களை வழங்குகிறது. இது குறைபாடுகளைக் கொண்டுள்ளது, SASS தேவைப்படுகிறது, மீள்பதிவு செய்வது கடினம், JQquery ஐ சார்ந்துள்ளது, மேலும் ஏற்றுவதற்கு மிகவும் அதிகமானது.
  • கண்டுபிடிக்க -டெவலப்பர்-நட்பு மற்றும் ஜாவாஸ்கிரிப்ட் மீது எந்த சார்பும் இல்லாத ஒரு சுத்தமான கட்டமைப்பு.
  • அறக்கட்டளை - மிகவும் பொதுவான மற்றும் பயன்படுத்தக்கூடிய சிஎஸ்எஸ் கட்டமைப்பானது எளிதில் தனிப்பயனாக்கக்கூடிய டன் கூறுகளைக் கொண்டுள்ளது. கூடுதலாக, உள்ளது மின்னஞ்சலுக்கான அறக்கட்டளை மற்றும் மோஷன் UI அனிமேஷன்களுக்கு.
  • UI கிட் -HTML, ஜாவாஸ்கிரிப்ட் மற்றும் CSS ஆகியவற்றின் கலவையானது உங்கள் முன்-முனை விரைவாகவும் எளிதாகவும் உருவாக்கப்பட்டது.

டெயில்விண்ட் சிஎஸ்எஸ் கட்டமைப்பு

பிற கட்டமைப்புகள் பிரபலமான பயனர் இடைமுக கூறுகளுக்கு இடமளிக்கும் ஒரு சிறந்த வேலையைச் செய்யும் போது, ​​டெயில்விண்ட் அறியப்பட்ட ஒரு முறையைப் பயன்படுத்துகிறது அணு CSS. சுருக்கமாக, டெய்ல்விண்ட் அவர்கள் என்ன சொல்கிறார்களோ அதைச் செய்ய இயற்கையான மொழியைப் பயன்படுத்தி வகுப்பு பெயர்களை புத்திசாலித்தனமாக ஏற்பாடு செய்தனர். எனவே, டெயில்விண்டில் கூறுகளின் நூலகம் இல்லை என்றாலும், சிஎஸ்எஸ் வகுப்பு பெயர்களைக் குறிப்பிடுவதன் மூலம் சக்திவாய்ந்த, பதிலளிக்கக்கூடிய இடைமுகத்தை எளிதாக உருவாக்கும் திறன் நேர்த்தியானது, வேகமானது மற்றும் ஒப்பிடமுடியாதது.

சில சிறந்த உதாரணங்கள் இங்கே:

சிஎஸ்எஸ் கட்டங்கள்

css நெடுவரிசை தொடக்க கட்டங்கள் நெடுவரிசைகள்

CSS சாய்வு

css சாய்வு

டார்க் பயன்முறை ஆதரவுக்கான CSS

css இருண்ட முறை

டெயில்விண்டிலும் ஒரு அற்புதமான உள்ளது நீட்டிப்பு கிடைக்கிறது மைக்ரோசாப்டின் கோட் எடிட்டரிலிருந்து வகுப்புகளை எளிதாக அடையாளம் கண்டு செருகும் வகையில் விஎஸ் கோட்.

இன்னும் புத்திசாலித்தனமாக, Tailwind தானாக உற்பத்தி செய்யும்போது பயன்படுத்தப்படாத அனைத்து CSS களையும் நீக்குகிறது, அதாவது உங்கள் இறுதி CSS மூட்டை மிகச் சிறியதாக இருக்கும். உண்மையில், பெரும்பாலான Tailwind திட்டங்கள் வாடிக்கையாளருக்கு 10kB க்கும் குறைவான CSS ஐ அனுப்பும்.

நீங்கள் என்ன நினைக்கிறீர்கள்?

இந்த தளம் ஸ்பேமைக் குறைக்க Akismet ஐப் பயன்படுத்துகிறது. உங்கள் கருத்துத் தரவு எவ்வாறு செயல்படுத்தப்படுகிறது என்பதை அறியவும்.