ഒരു വെബ്സൈറ്റിന്റെ രൂപവും ഭാവവും അല്ലെങ്കിൽ "രീതിയിൽ" CSS (കാസ്കേഡിംഗ് ശൈലി ഷീറ്റുകൾ) ആജ്ഞ ചെയ്യുന്നു. ഇത് നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ ഡയറക്ടറിയിൽ ചേർക്കുന്ന ഒരു ഫയൽ ആണ്, അതിൽ നിങ്ങളുടെ വിഷ്വൽ ഡിസൈൻ, നിങ്ങളുടെ പേജുകളുടെ ലേഔട്ട് സൃഷ്ടിക്കുന്ന വിവിധ സിഎസ്എസ് നിയമങ്ങൾ ഉൾപ്പെടും.
പലപ്പോഴും സൈറ്റുകൾ ഉപയോഗിക്കാറുണ്ട്, പലപ്പോഴും പല സ്റ്റൈൽ ഷീറ്റുകൾ ഉപയോഗിക്കുമ്പോൾ, അങ്ങനെ ചെയ്യേണ്ടതില്ല. നിങ്ങൾക്ക് നിങ്ങളുടെ എല്ലാ CSS രീതികളും ഒരു ഫയലിൽ ഇട്ടുതടയാം. മാത്രമല്ല, ഒന്നിലധികം ഫയലുകൾ ലഭ്യമാകാത്തതിനാൽ വേഗതയുള്ള ലോഡ് ടൈം, പേജുകളുടെ പ്രകടനം എന്നിവയുൾപ്പെടെ അനുകമ്പയുള്ള ഗുണങ്ങളുണ്ട്. വളരെയധികം വലുതായപ്പോൾ, എന്റർപ്രൈസ് സൈറ്റുകൾ പ്രത്യേക സ്റ്റൈൽ ഷീറ്റുകൾക്ക് ആവശ്യമായി വരും, ചെറിയതോതിൽനിന്നും ഇടത്തരം സൈറ്റുകൾക്ക് ഒരു ഫയൽ ഉപയോഗിച്ച് മികച്ച രീതിയിൽ പ്രവർത്തിക്കാൻ കഴിയും. എന്റെ വെബ് ഡിസൈൻ വർക്കിന്റെ ഏറ്റവും കൂടുതൽ ഉപയോഗിക്കുന്നത് ഇതാണ് - എന്റെ സൈറ്റുകൾക്കാവശ്യമായ എല്ലാ നിയമങ്ങളുമായി ഒരൊറ്റ CSS ഫയൽ. അതുകൊണ്ട് ചോദ്യം ഇപ്പോൾ മാറുന്നു - ഈ സിഎസ്എസ് ഫയൽ എന്തിനായി നിങ്ങൾ പേര് നൽകണം?
കൺവെൻഷൻ അടിസ്ഥാനമാക്കിയുള്ള നാമനിർദേശം
നിങ്ങളുടെ വെബ് പേജുകൾക്കായി ബാഹ്യ ശൈലി ഷീറ്റ് സൃഷ്ടിക്കുമ്പോൾ, നിങ്ങളുടെ HTML ഫയലുകൾക്ക് സമാനമായ നാമകരണ സമ്പ്രദായങ്ങൾ പിന്തുടരുന്നതിന് നിങ്ങൾ ഫയൽ നാമം നൽകണം:
പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കരുത്
നിങ്ങളുടെ CSS ഫയൽ നാമങ്ങളിൽ അക്ഷരങ്ങൾ az, numbers 0-9, underscore (_), ഹൈഫൻസ് (-) എന്നീ അക്ഷരങ്ങൾ ഉപയോഗിക്കണം. ഫയലുകൾ നിങ്ങളുടെ ഫയൽ സിസ്റ്റത്തിൽ മറ്റ് പ്രതീകങ്ങളുമായി സൃഷ്ടിക്കാൻ അനുവദിക്കുമ്പോൾ, നിങ്ങളുടെ സെർവറിന്റെ OS പ്രത്യേക പ്രതീകങ്ങളുമായി ബന്ധപ്പെട്ടിരിക്കാം. ഇവിടെ സൂചിപ്പിച്ച അക്ഷരങ്ങൾ മാത്രം ഉപയോഗിക്കുന്നത് സുരക്ഷിതമാണ്. എല്ലാത്തിനുമുപരി, നിങ്ങളുടെ സെർവർ പ്രത്യേക പ്രതീകങ്ങൾ അനുവദിച്ചാലും, ഭാവിയിൽ ഹോസ്റ്റിംഗ് പ്രൊവൈഡർമാരെ നീക്കാൻ നിങ്ങൾ തീരുമാനിക്കുകയാണെങ്കിൽ അത് കേവലം അല്ല.
ഏതെങ്കിലും സ്പെയ്സുകളൊന്നും ഉപയോഗിക്കരുത്
പ്രത്യേക പ്രതീകങ്ങൾ പോലെ, സ്പെയ്സസ് നിങ്ങളുടെ വെബ് സെർവറിൽ പ്രശ്നങ്ങൾക്ക് കാരണമാകും. നിങ്ങളുടെ ഫയൽ പേരുകളിൽ അവ ഒഴിവാക്കാൻ ഇത് നല്ലൊരു ആശയമാണ്. ഞാൻ ഈ കൺവെൻഷനുകൾ ഉപയോഗിച്ച് PDF കൾ പോലുള്ള ഫയലുകൾ നാമനിര്ദ്ദേശം ചെയ്യുന്ന ഒരു പോയിന്റ് ഉണ്ടാക്കുന്നു, ഒരു വെബ്സൈറ്റിലേക്ക് അവരെ ചേർക്കാൻ എനിക്ക് ആവശ്യമുണ്ടെങ്കിൽ മാത്രം. വായിക്കാൻ ഫയൽ നാമം എളുപ്പമാക്കുന്നതിന് നിങ്ങൾക്ക് ഒരു സ്പേസ് ആവശ്യമുണ്ടെന്ന് തോന്നുന്നെങ്കിൽ, പകരം ഹൈഫനുകൾ അല്ലെങ്കിൽ അടിവരകൾ തിരഞ്ഞെടുക്കുക. ഉദാഹരണത്തിന്, "ഇതാണ് ഫയൽ pdf" ഉപയോഗിക്കുന്നത് എന്നതിനു പകരം "ഈ-ദി-ഫയൽ -.pdf" ഞാൻ ഉപയോഗിക്കും.
ഫയലിന്റെ പേര് ഒരു കത്ത് ആരംഭിക്കണം
ഇത് ഒരു കേവലമായ ആവശ്യകതയിലാണെങ്കിൽ, ചില സിസ്റ്റങ്ങൾ ഒരു അക്ഷരത്തിൽ ആരംഭിക്കാത്ത ഫയൽ നാമങ്ങളുമായി പ്രശ്നം നേരിടുന്നു. ഉദാഹരണത്തിന്, നിങ്ങളുടെ ഫയൽ ഫയൽ പ്രതീകം ആരംഭിക്കാൻ തിരഞ്ഞെടുക്കുകയാണെങ്കിൽ, ഇത് പ്രശ്നങ്ങൾ ഉണ്ടാക്കാം.
എല്ലാ ലോവർ കേസുകളും ഉപയോഗിക്കുക
ഒരു ഫയൽനാമത്തിനു വേണ്ട ആവശ്യമില്ല, ചില വെബ് സെർവറുകൾ കേസ് സെൻസിറ്റീവ് ആയതിനാൽ നിങ്ങൾ മറ്റൊരു ഫയൽ മറക്കുകയും മറ്റൊരു ഫയൽ രേഖപ്പെടുത്തുകയും ചെയ്താൽ അത് ലോഡ് ചെയ്യില്ല. എന്റെ സ്വന്തം സൃഷ്ടികളിൽ ഞാൻ ഓരോ ഫയൽ നാമത്തിനും ലോവർ കേസ് പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്നു. പുതിയ വെബ് ഡിസൈനർമാർക്ക് ഓർമ്മിക്കാൻ ചിലപ്പോഴൊക്കെ സമരം നടത്തിയത് ഞാൻ കണ്ടു. ഒരു ഫയലിൻറെ പേര് നൽകുമ്പോൾ അവരുടെ സ്ഥിരസ്ഥിതി പ്രവർത്തി, പേരിന്റെ ആദ്യ അക്ഷരം മുതലെടുക്കുക എന്നതാണ്. ഇത് ഒഴിവാക്കുകയും ചെറിയ അക്ഷരങ്ങൾക്കുള്ള സ്വഭാവം നേടുകയും ചെയ്യുക.
സാധിക്കുനതുപോലെ ചുരുങ്ങിയത് ഫയൽ നാമം സൂക്ഷിക്കുക
മിക്ക ഓപ്പറേറ്റിങ് സിസ്റ്റങ്ങളിലും ഫയലിന്റെ പേരു് വളരെ പരിമിതമാണെങ്കിലും, സിഎസ്എസ് ഫയൽ നാമത്തിനു് ഇതു് വളരെ അധികം സമയമാണു്. പെരുമാറ്റച്ചട്ടം ഉൾപ്പെടുന്നില്ല, ഫയലിന്റെ പേരിന് 20 പ്രതീകങ്ങളേക്കാൾ മികച്ച ഒരു ഗുണം ഉണ്ട്. യാഥാസ്ഥിതികമായി, അതിനേക്കാൾ എത്രയോ കൂടുതലും എന്തെങ്കിലും പ്രവർത്തിക്കാനും അവയുമായി ബന്ധം സ്ഥാപിക്കാനും ഉപകരിക്കും!
നിങ്ങളുടെ CSS ഫയൽ നാമം ഏറ്റവും പ്രധാനപ്പെട്ട ഭാഗം
CSS ഫയൽ നാമത്തിലെ ഏറ്റവും പ്രധാനപ്പെട്ട ഭാഗം ഫയൽ നാമമല്ല, എന്നാൽ എക്സ്റ്റെൻഷൻ. Macintosh, Linux സിസ്റ്റങ്ങളിൽ വിപുലീകരണങ്ങൾ ആവശ്യമില്ല, എന്നാൽ ഒരു CSS ഫയൽ എഴുതുന്ന സമയത്ത് എങ്ങിനെയെങ്കിലും ഉൾപ്പെടുത്തുന്നത് നല്ലതാണ്. അങ്ങനെ അത് ഒരു സ്റ്റൈൽ ഷീറ്റിന്റേതാണെന്ന് നിങ്ങൾക്കറിയാം, അത് ഭാവിയിൽ എന്താണ് എന്ന് നിർണ്ണയിക്കാൻ ഫയൽ തുറക്കേണ്ടതായി വരില്ല.
ഇത് മിക്കവാറും ഒരു വലിയ അത്ഭുതം അല്ല, എന്നാൽ നിങ്ങളുടെ CSS ഫയലിൽ വിപുലീകരണം ആയിരിക്കണം:
.cssസി.എസ്.എസ് ഫയൽ നെയിമിങ് കൺവെൻഷനുകൾ
സൈറ്റിൽ മാത്രം ഒരു സിഎസ്എസ് ഫയൽ മാത്രമേയുള്ളൂ എങ്കിൽ, നിങ്ങൾക്കിഷ്ടമുള്ളതെന്തും നിങ്ങൾക്ക് നൽകാം. ഞാൻ ഒന്നുകിൽ ഇഷ്ടപ്പെടുന്നു:
styles.css അല്ലെങ്കിൽ default.cssഞാൻ പ്രവർത്തിക്കുന്ന സൈറ്റുകളിൽ ഭൂരിഭാഗവും ഒറ്റ സിഎസ്എസ് ഫയലുകളാണെന്നതിനാൽ, ഈ പേരുകൾ എനിക്ക് നന്നായി പ്രവർത്തിക്കുന്നു.
നിങ്ങളുടെ വെബ്സൈറ്റ് ഒന്നിലധികം CSS ഫയലുകൾ ഉപയോഗിക്കുമെങ്കിൽ, അവയുടെ ഫംഗ്ഷൻ കഴിഞ്ഞാൽ സ്റ്റൈൽ ഷീറ്റുകൾക്ക് പേര് നൽകുക, അപ്പോൾ ഓരോ ഫയലിന്റെയും ഉദ്ദേശ്യം കൃത്യമായി വ്യക്തമാകും. ഒരു വെബ് പേജിന് അവരോടൊപ്പം അനേകം സ്റ്റൈൽഷീറ്റുകൾ ഉണ്ടായാൽ, ആ ഷീറ്റിന്റെ പ്രവർത്തനവും അതിനെപ്പറ്റിയുള്ള ശൈലികളും അനുസരിച്ച് നിങ്ങളുടെ ശൈലികൾ വ്യത്യസ്ത ഷീറ്റുകളായി വിഭജിക്കാൻ സഹായിക്കുന്നു. ഉദാഹരണത്തിന്:
- ലേഔട്ട് vs ഡിസൈൻ layout.css design.css
- പേജ് വിഭാഗങ്ങൾ main.css nav.css
- Sub-sections mainstyles.css subpage.css ഉള്ള മുഴുവൻ സൈറ്റ്
നിങ്ങളുടെ വെബ്സൈറ്റ് ചില തരത്തിലുള്ള ഒരു ചട്ടക്കൂട് ഉപയോഗിക്കുന്നുവെങ്കിൽ, അത് ഒന്നിലധികം CSS ഫയലുകൾ ഉപയോഗിക്കുമെന്ന് നിങ്ങൾ ശ്രദ്ധിക്കും, ഓരോ പേജിന്റെയും വ്യത്യസ്ത പേജുകളിലേതെങ്കിലുമോ (ടൈപ്പോഗ്രാഫി, വർണം, ലേഔട്ട് മുതലായവ).
ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം എഡിറ്റുചെയ്തത് ജെറമി ഗിർാർഡ് 9/5/17 ന്