ഒരു ദ്രുപാൽ വിഷയത്തിൽ ZURB ഫൗണ്ടേഷൻ ചട്ടക്കൂട് ലഭ്യമാക്കുക
Twitter Bootstrap- ന്റെ മുൻപ്, ZURB ഫൌണ്ടേഷൻ, വളരെ ആകർഷകമായ ബട്ടണുകൾ, ബ്ളോക്ക് ഗ്രിഡുകൾ, പുരോഗതി ബാറുകൾ, വിലനിലവികാന പട്ടികകൾ എന്നിവ ഉൾക്കൊള്ളുന്ന ഒരു ചട്ടക്കൂട്. ദ്രുപാൽ സിറബ് ഫൗണ്ടേഷൻ തീം ഉപയോഗിച്ച്, നിങ്ങളുടെ ദ്രുപാൽ സൈറ്റിലെ നിങ്ങളുടെ എല്ലാ അനായാസവും അനായാസമായി നിങ്ങൾക്ക് ഒഴിവാക്കാം.
എന്താണ് ZURB ഫൗണ്ടേഷന്റെ ഫ്രെയിംവർക്ക്?
ZURB ഫൗണ്ടേഷന്റെ ഫ്രെയിംവർട്ട് നിങ്ങളുടെ വെബ്സൈറ്റിൽ നിങ്ങൾക്കാവശ്യമായ സാമഗ്രി കോഴ്സിനുള്ള സി.എസ്.എസ്, ജാവാസ്ക്രിപ്റ്റ് കോഡിന്റെ ശേഖരമാണ്. ഇത് സൂചിപ്പിക്കപ്പെടുന്ന ബട്ടണുകൾ പോലെ ചില കൗതുകമായ വിസ്മയകരമായ ശക്തികളും ഉൾപ്പെടുന്നു.
പ്രത്യേക CSS ക്ലാസുകൾ ചേർക്കുന്നതിലൂടെ നിങ്ങൾ ഈ സവിശേഷതകളെല്ലാം ഉപയോഗിക്കുന്നു. ഉദാഹരണത്തിന്:
ഒരു ബട്ടൺ ഇതാണ്. ഇവിടെ ചെറിയ ബട്ടൺ ആണ്. സിആർബി ഫൗണ്ടേഷന്റെ ഫ്രെയിംവർഗ്ഗം ദ്രുപലിൽ നിന്നും തികച്ചും വ്യത്യസ്തമാണ്. ആളുകൾ അത് WordPress, ജൂംല, സ്റ്റാറ്റിക്ക് HTML സൈറ്റുകളിൽ ഉപയോഗിക്കും. Drupal ZURB ഫൌണ്ടേഷൻ തീം ഡൌൺലോഡ് ചെയ്ത് ഒരു സൈറ്റിനെ പ്രാപ്തമാക്കി (ഡോക്യുമെന്റേഷൻ വായിക്കുകയും, ചില അധിക നടപടികൾ എടുക്കുകയും ചെയ്യുക) ഈ ZURBish അധികാരത്തെ കെട്ടഴിച്ചുവിടാൻ നിങ്ങളെ അനുവദിക്കുന്നു. ഉദാഹരണത്തിന്, ZURB ഫൌണ്ടേഷൻ ജാവാസ്ക്രിപ്റ്റ് ലൈബ്രറിയിൽ ആശ്രയിക്കുന്നു, അതിനാൽ നിങ്ങൾ ഒരുപക്ഷേ jQuery അപ്ഡേറ്റ് ഇൻസ്റ്റാൾ ചെയ്യണം. ജിയോസിനെ ആശ്രയിക്കുന്ന മറ്റേതെങ്കിലും മൊഡ്യൂളുകൾ നിങ്ങൾ ഉപയോഗിക്കുമോ എന്ന് പരിശോധിക്കുക. നിങ്ങൾ jQuery ന്റെ പുതിയ പതിപ്പാണ് ഉപയോഗിക്കുന്നതെങ്കിൽ, ഈ മൊഡ്യൂളുകൾ പ്രവർത്തിക്കുന്നത് അവസാനിപ്പിക്കാം. കൂടാതെ, നിങ്ങളുടെ സ്വന്തം ഇഷ്ടാനുസൃത തീമിനായി ഒരു ബേസ് തീം ആയി ഈ ആശയം ഉപയോഗിക്കേണ്ടത് വരാം. ZURB ഫൌണ്ടേഷൻ യഥാർഥത്തിൽ തിളങ്ങുന്ന എവിടെയാണ് കസ്റ്റമൈസേഷൻ. ZURB ഫൗണ്ടേഷൻ ചട്ടക്കൂടിന് ഉപയോഗിക്കാൻ ഈ തീം ആവശ്യമില്ല . ലളിതമായപ്പോൾ, ഈ വിഷയം നിങ്ങളുടെ സൈറ്റിനായി ZURB ഫൗണ്ടേഷന്റെ CSS, Javascript എന്നിവ ചേർക്കുന്നു, നിങ്ങൾക്ക് അത് സ്വയം ചെയ്യാൻ കഴിയും. എന്നാൽ ഈ വിഷയം എളുപ്പമാക്കുന്നു, കൂടാതെ ഇത് ദ്രുപലുമായി കൂടുതൽ സംയോജനം ഉൾക്കൊള്ളുന്നു. കൂടാതെ, നിങ്ങൾക്ക് കൂടുതൽ സംയോജനം ചെയ്യുന്നതിന് ചെറിയ അധിക ഘടങ്ങൾ ചേർക്കാനാകും. ഉദാഹരണത്തിന്, ZURB ഓർബിറ്റ് മോഡ്യൂൾ ഇമേജ് ഫീൽഡുകളുള്ള ഒരു ഓർബിറ്റ് സ്ലൈഡ്ഷോ നിർമ്മിക്കാൻ അനുവദിക്കുന്നു. മീഡിയ ഇമേജുകൾ ഉപയോഗിച്ച് പ്രതികണിക ലൈറ്റ്ബോക്സുകൾ സൃഷ്ടിക്കുന്നതിന് ZURB ക്ലിയറിംഗ് മോഡ്യൂൾ നിങ്ങളെ അനുവദിക്കുന്നു. ശ്രദ്ധിക്കുക: ഞാൻ ഇപ്പോഴും ഈ ചെറിയ മൊഡ്യൂളുകൾ ഞാൻ ഉപയോഗിച്ചിട്ടില്ല, അതിനാൽ അവ അപകടം നിറഞ്ഞതാകാം. ഈ എഴുത്തിൽ നിന്ന്, ZURB ക്ലിയറിങ്ങിന് മീഡിയ-2.x-dev ആവശ്യമാണ്, ഇത് നിങ്ങൾ നിലവിൽ മീഡിയ 1.x ഉപയോഗിക്കുകയാണെങ്കിൽ അപകടകരമായ ഒരു അപ്ഗ്രേഡ് ആകാം. ഒരു മൊഡ്യൂളിൻറെ ഡവലപ്മെന്റ് പതിപ്പിനുള്ള ഒരു ആവശ്യം എല്ലായ്പ്പോഴും ഒരു പോസ് നൽകണം. എന്നിരുന്നാലും, ഇവയും മറ്റ് ZURB ഘടകങ്ങളും പരിശോധിക്കുക. നിങ്ങൾ ZURB ഫൗണ്ടേഷൻ തീം ഡൌൺലോഡ് ചെയ്യുന്നതിനു മുമ്പ്, ഏത് പതിപ്പാണ് ഉപയോഗിക്കേണ്ടതെന്ന് പരിശോധിക്കുക. ZURB ഫൗണ്ടേഷൻ ചട്ടക്കൂടിനുള്ളിൽ വിവിധ പ്രധാന പതിപ്പുകളുണ്ട്, തീമിന്റെ പ്രധാന പതിപ്പ് നമ്പർ അത് പ്രവർത്തിക്കുന്ന ചട്ടക്കൂടുമായി യോജിക്കുന്നു. ഫൌണ്ടേഷൻ 3 , 7.x- 4 .x പതിപ്പുകൾ, ഫൗണ്ടേഷൻ 4 , 7.x- 5 .x എന്നീ പതിപ്പുകളിൽ പ്രവർത്തിക്കുന്നു. ഫൌണ്ടേഷൻ 5 ഉപയോഗിച്ച് പ്രവർത്തിക്കുന്നു. ഈ ലേഖനത്തിൽ, ഫംഗ്ഷന്റെ ഏറ്റവും പുതിയ സ്ഥിരപ്പെടുത്തിയ പതിപ്പ് 7.x-4.x ആണ്. ഫൗണ്ടേഷനുമായി ഇത് പ്രവർത്തിക്കുന്നു. 7.x-5.x പതിപ്പ് ഇപ്പോഴും വികസിപ്പിക്കുന്നു. ഫൗണ്ടേഷന്റെ ചട്ടക്കൂടിനെക്കുറിച്ചുള്ള വെബ്സൈറ്റ് നിങ്ങൾ ഫൗണ്ടേഷൻ 5 ഉപയോഗിക്കുമെന്ന് കരുതുന്നുണ്ടെങ്കിലും ഇപ്പോൾ നിങ്ങൾ ഫൗണ്ടേഷൻ 4-ൽ സഹകരിക്കേണ്ടി വരാം. ഫൌണ്ടേഷനു് 5 അധികമായ ആവശ്യകതകൾ, പ്രത്യേകിച്ച് j క్వెరీ 1.10 ലഭ്യമാണെന്നതും ശ്രദ്ധിക്കുക. ഫൌണ്ടേഷനു് 4-നു് മാത്രം ആവശ്യമുണ്ടെങ്കിൽ മാത്രം നിങ്ങൾ ഓൺലൈൻ ഡോക്യുമെന്റേഷൻ വായിക്കുമ്പോൾ നിങ്ങൾ ഉപയോഗിക്കുന്ന ഫൗണ്ടേഷന്റെ ഏത് പതിപ്പാണെന്ന് അറിയുക. നിങ്ങൾ ഫ്രെയിംസിന്റെ ഏറ്റവും പുതിയ പതിപ്പ് ഉപയോഗിക്കുന്നില്ലെങ്കിൽ ഇത് പ്രത്യേകിച്ചും സത്യമാണ്. ഫൌണ്ടേഷൻ 5 എന്ന സൈറ്റിന്റെ പുതിയ ഡോക്സ് പ്രവർത്തിക്കില്ലെങ്കിൽ ഫൌണ്ടേഷൻ 5 നു വേണ്ടി ഡോക്സ് വായിക്കുന്നതിൽ ഇത് വളരെ എളുപ്പമാണ്. ഉദാഹരണത്തിന്, ഫൗണ്ടേഷൻ 5 ഇടത്തരം വലിപ്പമുള്ള സ്ക്രീനുകൾക്ക് ഒരു സെറ്റ് മീഡിയം ക്ലാസുകളും ഉൾക്കൊള്ളുന്നു. ഫൗണ്ടേഷനിൽ 4 ൽ, നിങ്ങൾ അധിക നടപടികൾ എടുക്കാതിരുന്നാൽ ഇവയെല്ലാം അചഞ്ചലമായി പരാജയപ്പെടും. ഈ തീമിനായി നിങ്ങൾ CSS നെ മാറ്റം വരുത്തുകയാണെങ്കിൽ, ഉറപ്പാക്കുക: ഡ്രഷ് ഫസ്റ്റ് ഉപയോഗിച്ച് _variables.scss ഫയൽ ഓട്ടോമാറ്റിക്കായി സൃഷ്ടിക്കപ്പെടുന്നു. ഈ ഒറ്റ ഫയൽ നിങ്ങളുടെ തീം CSS ൽ മാറ്റം വരുത്താനാഗ്രഹിച്ച മിക്കവാറും എല്ലാ കാര്യങ്ങൾക്കുമായി വേരിയബിളുകൾ അടങ്ങിയിരിക്കുന്നു. ഇത് വിസ്മയകരമാണ്! എല്ലാം ഒരിടത്ത് തന്നെ നിങ്ങൾക്ക് സ്ഥിരസ്ഥിതി ഫോണ്ടിൽ നിന്നും സ്ക്രീൻ വീതിയിലേക്ക് ബ്രെഡ്രോംമ്പുകളിൽ ബോർഡർ വരെ സജ്ജമാക്കാൻ കഴിയും. തീർച്ചയായും, നിങ്ങൾക്ക് എല്ലായ്പ്പോഴും അധിക ഫയലുകൾ ചേർക്കാനാകും. എന്നാൽ _variables.scss ആരംഭിക്കുന്നതിനുള്ള ഒരു മനോഹരമായ സ്ഥലമാണ്. ഫയൽ എക്സ്റ്റെൻഷൻ ശ്രദ്ധിക്കുക: scss, css അല്ല. _variables.scss ഉപയോഗിക്കുന്നതിനായി, നിങ്ങൾ സജ്ജമാക്കുവാൻ SASS (ഒരു CSS എക്സ്റ്റൻഷൻ ഭാഷ) കോംപസ് (SASS ഉപയോഗിച്ചു് ഒരു ചട്ടക്കൂട്) സജ്ജമാക്കേണ്ടതുണ്ട്. നിങ്ങൾ കോമ്പസ് കംപൈൽ നടത്തുമ്പോൾ, നിങ്ങളുടെ സ്ക്ലസ് ഫയലുകൾ പ്രത്യേക ഫയലുകൾ മനോഹരമായ CSS ആയി മാറും. (ഞാൻ കോമ്പസ് വാച്ച് ഇഷ്ടപ്പെടുന്നു - ഇത് നിങ്ങൾ സ്ക്രാസസ് ഫയലുകൾ കയറ്റുന്നതിനനുസരിച്ച് CSS പ്രവർത്തിപ്പിക്കുന്നതും അപ്ഡേറ്റ് ചെയ്യുന്നതും.) നിങ്ങൾ ശരിക്കും സസ്പെന്റു ചെയ്യാൻ ആഗ്രഹിക്കുന്നില്ലെങ്കിൽ നിങ്ങൾക്ക് സാധാരണപോലെ സി.എസ്.എസ് ഫയലുകൾ എഴുതുവാനും നിങ്ങളുടെ തീമിന്റെ '.info' ഫയലിൽ അവ എഴുതാനും കഴിയും. എന്നാൽ എന്നെ വിശ്വസിക്കൂ - _variables.scss കംപൈൽ ചെയ്യാൻ വേണ്ടത്ര സമയം പഠിക്കുന്നതിനുള്ള ചെറിയ സമയ നിക്ഷേപം തിരികെ നൽകും. ZURB ഫൗണ്ടേഷൻ ഏറ്റവും മികച്ചതാണ്, പക്ഷെ ദ്രുപലുമായി സംയോജിപ്പിച്ചിരിക്കുന്ന ഒരേയൊരു ഫ്രണ്ട് എൻഡ് ചട്ടക്കൂട് അല്ല. നിങ്ങളൊരു ഡ്രൂപ്പൽ തീം ഉള്ള സമാനമായ ചട്ടക്കൂട് ഉപയോഗിച്ചു് നിങ്ങൾക്കു് ബൂട്ട് ചെയ്യുവാൻ സാധിയ്ക്കുന്നു . ഇപ്പോൾ ഞാൻ, ഞാൻ ZURB ഫൗണ്ടേഷൻ ഉപയോഗിക്കുന്നു, പക്ഷെ അത് നിങ്ങളുടെ തിരച്ചിൽ മൂലകണികളില്ലാതെ ഇഷ്ടാനുസൃതമാക്കാം എന്ന് സൂചിപ്പിച്ചതിനാലാണ്. കൂടാതെ, ജോയിറൈഡ് ഘടകം വളരെ മനോഹരമാണ്. നിങ്ങൾ ZURB ഫൗണ്ടേഷൻ, ബൂട്ട്സ്ട്രോപ്പ് അല്ലെങ്കിൽ മറ്റേതെങ്കിലും ചട്ടക്കൂട് ഉപയോഗിക്കുമോ, ഈ നുറുങ്ങുകൾ ദ്രുപാൽ ഉപയോഗിച്ച് ഉപയോഗപ്പെടുത്തുന്നുവെന്ന് ഉറപ്പാക്കുക. സിആർആർ ഫൗണ്ടേഷൻ ദ്രുപാൽ തീം എന്താണ്?
ദ്രുപാൽ ഫൌണ്ടേഷനിൽ ZURB ഫൌണ്ടേഷൻ ഉപയോഗിക്കുവാൻ ഈ വിഷയം ആവശ്യമുണ്ടോ?
ZURB ഫൌണ്ടേഷന്റെ ഏത് പതിപ്പാണ് ഉപയോഗിക്കേണ്ടത് എന്നത് തിരഞ്ഞെടുക്കുക
SASS, Compass, & # 34; _variables.scss & # 34 ഉപയോഗിക്കുക.
നിങ്ങൾ ZURB ഫൗണ്ടേഷൻ ഉപയോഗിക്കുന്നതിന് മുമ്പ്