ടെയിൽ‌വിൻഡ് സി‌എസ്‌എസ്: ഒരു യൂട്ടിലിറ്റി-ഫസ്റ്റ് സി‌എസ്‌എസ് ഫ്രെയിംവർക്ക്, ദ്രുതഗതിയിലുള്ള, പ്രതികരണാത്മക രൂപകൽപ്പനയ്‌ക്കുള്ള എപിഐ

Tailwind CSS ഫ്രെയിംവർക്ക്

ഞാൻ ദിവസേന സാങ്കേതികവിദ്യയിൽ മുഴുകിയിരിക്കുമ്പോൾ, എന്റെ കമ്പനി ഉപഭോക്താക്കൾക്കായി നടപ്പിലാക്കുന്ന സങ്കീർണ്ണമായ സംയോജനങ്ങളും ഓട്ടോമേഷനും പങ്കിടാൻ ഞാൻ ആഗ്രഹിക്കുന്നത്ര സമയം എനിക്ക് ലഭിക്കുന്നില്ല. അതുപോലെ, എനിക്ക് ധാരാളം കണ്ടെത്തൽ സമയമില്ല. ഞാൻ എഴുതുന്ന മിക്ക സാങ്കേതികവിദ്യകളും അന്വേഷിക്കുന്ന കമ്പനികളാണ് Martech Zone അവ ഉൾക്കൊള്ളുന്നു, പക്ഷേ ഇടയ്ക്കിടെ - പ്രത്യേകിച്ച് ട്വിറ്റർ വഴി - ഞാൻ പങ്കിടേണ്ട ഒരു പുതിയ സാങ്കേതികവിദ്യയ്‌ക്ക് ചുറ്റും ചില ബസ്സുകൾ ഞാൻ കാണുന്നു.

നിങ്ങൾ വെബ് ഡിസൈൻ, മൊബൈൽ ആപ്പ് വികസനം, അല്ലെങ്കിൽ ഒരു കണ്ടന്റ് മാനേജ്മെന്റ് സിസ്റ്റം എന്നിവയിൽ പ്രവർത്തിക്കുകയാണെങ്കിൽ, ഒന്നിലധികം സ്റ്റൈൽഷീറ്റുകളിലുടനീളം മത്സര ശൈലികളുടെ നിരാശകളുമായി നിങ്ങൾ മല്ലടിച്ചിരിക്കാം. ഓരോ ബ്രൗസറിനുള്ളിലും നിർമ്മിച്ച അതിശയകരമായ വികസന ഉപകരണങ്ങൾ ഉപയോഗിച്ചാലും, CSS ട്രാക്കുചെയ്യുന്നതിനും വൃത്തിയാക്കുന്നതിനും വളരെയധികം സമയവും energyർജ്ജവും ആവശ്യമാണ്.

CSS ഫ്രെയിംവർക്കുകൾ

സമീപ വർഷങ്ങളിൽ, ഡിസൈനർമാർ തയ്യാറാക്കിയതും ഉപയോഗിക്കാൻ തയ്യാറായതുമായ സ്റ്റൈലുകളുടെ ശേഖരങ്ങൾ പുറത്തിറക്കുന്നതിൽ അതിശയകരമായ ജോലി ചെയ്തു. ഈ സി‌എസ്‌എസ് സ്റ്റൈൽ‌ഷീറ്റുകൾ സി‌എസ്‌എസ് ഫ്രെയിംവർക്കുകൾ എന്ന് അറിയപ്പെടുന്നു, വ്യത്യസ്ത ശൈലികളും പ്രതികരിക്കാനുള്ള കഴിവുകളും എല്ലാം ഉൾക്കൊള്ളാൻ ശ്രമിക്കുന്നു, അതിനാൽ ഡെവലപ്പർമാർക്ക് ആദ്യം മുതൽ ഒരു സി‌എസ്‌എസ് ഫയൽ നിർമ്മിക്കുന്നതിനുപകരം ഒരു ചട്ടക്കൂട് പരാമർശിക്കാൻ കഴിയും. ചില പ്രശസ്തമായ ചട്ടക്കൂടുകൾ ഇവയാണ്:

  • സ്ട്രാപ് - ഒരു പതിറ്റാണ്ടായി പരിണമിച്ച ഒരു ചട്ടക്കൂട്, ആദ്യമായി ട്വിറ്റർ അവതരിപ്പിച്ചു. ഇത് എണ്ണമറ്റ സവിശേഷതകൾ വാഗ്ദാനം ചെയ്യുന്നു. ഇതിന് ദോഷങ്ങളുമുണ്ട്, SASS ആവശ്യമാണ്, പുനർനിർമ്മിക്കാൻ പ്രയാസമാണ്, JQquery- നെ ആശ്രയിച്ചിരിക്കുന്നു, അത് ലോഡുചെയ്യാൻ വളരെ ഭാരമുള്ളതാണ്.
  • കണ്ടെത്തൽ -ഡവലപ്പർ-സൗഹൃദവും ജാവാസ്ക്രിപ്റ്റിനെ ആശ്രയിക്കാത്തതുമായ ഒരു വൃത്തിയുള്ള ചട്ടക്കൂട്.
  • അടിത്തറ - കൂടുതൽ ഇച്ഛാനുസൃതമാക്കാവുന്ന ടൺ ഘടകങ്ങളുള്ള കൂടുതൽ സാമാന്യവും ഉപയോഗപ്രദവുമായ CSS ചട്ടക്കൂട്. കൂടാതെ, അവിടെയുണ്ട് ഫൗണ്ടേഷൻ ഫോർ ഇമെയിൽ ഒപ്പം മോഷൻ യുഐ ആനിമേഷനുകൾക്കായി.
  • യുഐ കിറ്റ് -നിങ്ങളുടെ ഫ്രണ്ട് എൻഡ് വേഗത്തിലും എളുപ്പത്തിലും വികസിപ്പിക്കുന്നതിന് HTML, JavaScript, CSS എന്നിവയുടെ സംയോജനം.

Tailwind CSS ഫ്രെയിംവർക്ക്

ജനപ്രിയ ഉപയോക്തൃ ഇന്റർഫേസ് ഘടകങ്ങളെ ഉൾക്കൊള്ളുന്നതിൽ മറ്റ് ചട്ടക്കൂടുകൾ മികച്ച പ്രവർത്തനം നടത്തുമ്പോൾ, ടെയിൽ വിൻഡ് അറിയപ്പെടുന്ന ഒരു രീതി ഉപയോഗിക്കുന്നു ആറ്റോമിക് CSS. ചുരുക്കിപ്പറഞ്ഞാൽ, തായ്‌ലൻഡ് അവർ പറയുന്നതെന്തും ചെയ്യാൻ സ്വാഭാവിക ഭാഷ ഉപയോഗിച്ച് ക്ലാസ് പേരുകൾ സമർത്ഥമായി സംഘടിപ്പിച്ചു. അതിനാൽ, ടെയിൽ‌വിൻഡിന് ഘടകങ്ങളുടെ ലൈബ്രറി ഇല്ലെങ്കിലും, സി‌എസ്‌എസ് ക്ലാസ് പേരുകൾ പരാമർശിച്ചുകൊണ്ട് ശക്തവും പ്രതികരിക്കുന്നതുമായ ഒരു ഇന്റർഫേസ് എളുപ്പത്തിൽ നിർമ്മിക്കാനുള്ള കഴിവ് മനോഹരവും വേഗതയുള്ളതും താരതമ്യപ്പെടുത്താനാവാത്തതുമാണ്.

ചില മികച്ച ഉദാഹരണങ്ങൾ ഇതാ:

CSS ഗ്രിഡുകൾ

css നിര ആരംഭ ഗ്രിഡ് നിരകൾ

CSS ഗ്രേഡിയന്റുകൾ

css ഗ്രേഡിയന്റുകൾ

ഡാർക്ക് മോഡ് പിന്തുണയ്ക്കുള്ള CSS

css ഡാർക്ക് മോഡ്

ടെയിൽവിൻഡിനും അതിശയകരമായ ഒരു സവിശേഷതയുണ്ട് വിപുലീകരണം ലഭ്യമാണ് VS കോഡിനായി നിങ്ങൾക്ക് മൈക്രോസോഫ്റ്റിന്റെ കോഡ് എഡിറ്ററിൽ നിന്ന് എളുപ്പത്തിൽ ക്ലാസുകൾ തിരിച്ചറിയാനും ഉൾപ്പെടുത്താനും കഴിയും.

കൂടുതൽ സമർത്ഥമായി, ഉൽ‌പാദനത്തിനായി നിർമ്മിക്കുമ്പോൾ ഉപയോഗിക്കാത്ത എല്ലാ സി‌എസ്‌എസുകളും ടെയിൽ‌വിൻഡ് യാന്ത്രികമായി നീക്കംചെയ്യുന്നു, അതിനർത്ഥം നിങ്ങളുടെ അവസാന സി‌എസ്‌എസ് ബണ്ടിൽ അത് ആകാവുന്നതിൽ ഏറ്റവും ചെറുതാണെന്നാണ്. വാസ്തവത്തിൽ, മിക്ക ടെയിൽ‌വിൻഡ് പ്രോജക്റ്റുകളും 10kB CSS- ൽ താഴെയാണ് ക്ലയന്റിന് അയയ്ക്കുന്നത്.

നീ എന്ത് ചിന്തിക്കുന്നു?

സ്പാം കുറയ്ക്കുന്നതിന് ഈ സൈറ്റ് Akismet ഉപയോഗിക്കുന്നു. നിങ്ങളുടെ അഭിപ്രായ ഡാറ്റ പ്രോസസ്സുചെയ്യുന്നത് എങ്ങനെയെന്നറിയുക.