നിങ്ങളുടെ വെബ് പേജിന്റെ വീതി നിർവചിക്കുക

അവരുടെ വെബ് പേജ് നിർമ്മിക്കുമ്പോൾ ഡിസൈനർമാർക്ക് ആദ്യം രൂപകൽപന ചെയ്യുന്ന കാര്യം ആദ്യം രൂപകൽപന ചെയ്യുന്നതാണ്. നിങ്ങളുടെ ഡിസൈൻ എത്രമാത്രം വിപുലമാക്കണം എന്ന് ഇത് നിശ്ചയിക്കുന്നു. സ്റ്റാൻഡേർഡ് വെബ് സൈറ്റിന്റെ അത്തരമൊരു കാര്യമില്ല.

എന്തുകൊണ്ട് റെസല്യൂഷൻ പരിഗണിക്കുന്നു

1995 ൽ സ്റ്റാൻഡേർഡ് 640x480 റെസല്യൂഷൻ മോണിറ്ററുകൾ ഏറ്റവും മികച്ചതും മികച്ച മോണിറ്ററുകളുമാണ്. വെബ് ഡിസൈനർമാർ, ആ ബ്രൌസറിൽ 12 ഇഞ്ച് 14 ഇഞ്ച് മോണിറ്ററിൽ പരമാവധി വെബ് ബ്രൌസറുകളിൽ മികച്ചതാക്കുന്ന പേജുകൾ നിർമ്മിക്കുന്നതിൽ ശ്രദ്ധ കേന്ദ്രീകരിച്ചു.

ഈ ദിവസങ്ങളിൽ, 640x480 റെസല്യൂഷൻ മിക്ക വെബ് ട്രാഫിക്കിന്റേതിനേക്കാൾ 1% ൽ താഴെയാണ്. 1366x768, 1600x900, 5120x2880 എന്നിവ ഉൾപ്പെടെ ഉയർന്ന റിസൾട്ടുകളുള്ള ആളുകൾ കമ്പ്യൂട്ടറുകൾ ഉപയോഗിക്കുന്നു. പലപ്പോഴും, 1366x768 റെസല്യൂഷൻ സ്ക്രീനിൽ രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്.

ഞങ്ങൾ വെബ് രൂപകൽപനയുടെ ചരിത്രത്തിലെ ഒരു ഭാഗത്താണ്, അവിടെ ഞങ്ങൾക്ക് പ്രശ്നത്തെക്കുറിച്ച് കൂടുതൽ വിഷമിക്കേണ്ട കാര്യമില്ല. മിക്ക ആളുകളും വലിയ, വൈഡ്-സ്ക്രീൻ മോണിറ്ററുകളുള്ളതിനാൽ അവ അവരുടെ ബ്രൗസർ വിൻഡോ വിപുലീകരിക്കില്ല. അതിനാൽ 1366 പിക്സൽ വീതിയേക്കാൾ കൂടുതൽ ഒരു പേജ് രൂപകൽപ്പന ചെയ്യാൻ നിങ്ങൾ തീരുമാനിക്കുകയാണെങ്കിൽ, ഉയർന്ന മിഴിവോടെയുള്ള മിക്ക മോണിറ്ററുകളിലും നിങ്ങളുടെ പേജ് മിക്കവാറും ബ്രൗസർ വിൻഡോകളിൽ മികച്ചതായി കാണപ്പെടും.

ബ്രൗസർ വീതി

"ശരി, ഞാൻ എന്റെ പേജുകൾ 1366 പിക്സൽ വീതിയുണ്ടാക്കും," ഈ കഥയിൽ കൂടുതൽ ഉണ്ട്. വെബ് പേജിന്റെ വീതി തീരുമാനിക്കുമ്പോൾ നിങ്ങളുടെ ബ്രാൻഡുകൾ എത്രമാത്രം ഭംഗിയായി സൂക്ഷിക്കുന്നു എന്നത് പലപ്പോഴും വിസ്മരിക്കപ്പെട്ടതാണ്. പ്രത്യേകിച്ചും, അവർ ഒരു ഫുൾ-സ്ക്രീൻ വലുപ്പത്തിൽ അവരുടെ ബ്രൌസറുകൾ പരമാവധിയാക്കുകയാണോ അല്ലെങ്കിൽ അവർ പൂർണ്ണ സ്ക്രീനിനേക്കാൾ ചെറുതായി നിലനിർത്തണോ?

കമ്പനിയുടെ നിലവാരമുള്ള 1024x768 റിസല്യൂഷൻ ലാപ്ടോപ് ഉപയോഗിച്ച സഹപ്രവർത്തകരുടെ ഒരു അനൗപചാരിക സർവേയിൽ രണ്ടുപേരും അവരുടെ എല്ലാ ആപ്ലിക്കേഷനുകളും വിപുലീകരിച്ചു. ബാക്കി പല കാരണങ്ങളാൽ വ്യത്യസ്ത വലിപ്പത്തിലുള്ള വിൻഡോകൾ തുറന്നിരുന്നു. നിങ്ങൾ 1024 പിക്സൽ വീതിയുള്ള ഈ കമ്പനിയുടെ ഇൻട്രാനെറ്റ് രൂപകൽപ്പന ചെയ്താൽ, 85 ശതമാനം ഉപയോക്താക്കൾ മുഴുവൻ പേജും കാണുന്നതിന് തിരശ്ചീനമായി സ്ക്രോൾ ചെയ്യേണ്ടി വരും.

നിങ്ങൾ പരമാവധി വർദ്ധിപ്പിക്കുന്ന അല്ലെങ്കിൽ ആഗ്രഹിക്കാത്ത ഉപഭോക്താക്കൾക്കായി നിങ്ങൾ അക്കൗണ്ട് ചെയ്തതിനുശേഷം ബ്രൗസർ ബോർഡുകളെക്കുറിച്ച് ചിന്തിക്കുക. ഓരോ വെബ് ബ്രൌസറിനും സ്ക്രോൾ ബാറും ബാർഡലുകളും ഉണ്ട്, അതിൽ 800 മുതൽ 720 പിക്സൽ വരെ കുറവുള്ളതും 800x600 റെസല്യൂഷനുകളും, 980 പിക്സലുകളിൽ 1024x768 റെസൊല്യൂഷനുകളിലെ പരമാവധി വിൻഡോകളിൽ കുറവുമാണ്. ഇത് ബ്രൌസറിനായി "chrome" എന്ന് അറിയപ്പെടുന്നു, കൂടാതെ നിങ്ങളുടെ പേജ് ഡിസൈനിനുപയോഗിക്കാൻ കഴിയുന്ന സ്ഥലത്ത് നിന്ന് അത് എടുത്തു കളയുകയും ചെയ്യുന്നു.

നിശ്ചിത അല്ലെങ്കിൽ ലിക്വിഡ് വിഡ്ത്ത് പേജുകൾ

യഥാർത്ഥ സംഖ്യ വിഡ്ത്ത് നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ വീതി രൂപകൽപന ചെയ്യുമ്പോൾ നിങ്ങൾ ചിന്തിക്കണം. നിങ്ങൾക്ക് നിശ്ചിത വീതി അല്ലെങ്കിൽ ലിക്വിഡ് വീതി ഉണ്ടോ എന്ന് തീരുമാനിക്കേണ്ടത് ആവശ്യമാണ്. മറ്റൊരു വാക്കിൽ, നിങ്ങൾ വീതി ഒരു നിശ്ചിത സംഖ്യ (നിശ്ചിത) അല്ലെങ്കിൽ ഒരു ശതമാനത്തിൽ (ദ്രാവക) സജ്ജമാക്കാൻ പോകുകയാണോ?

ഫിക്സ്ഡ് വിഡ്ത്ത്

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

സ്ഥിരമായ വീതി പേജുകൾ സൃഷ്ടിക്കാൻ, നിങ്ങളുടെ പേജ് ഡിവിഷനുകളുടെ വീതിക്കുവേണ്ടി നിർദ്ദിഷ്ട പിക്സൽ അക്കങ്ങൾ ഉപയോഗിക്കുക.

ലിക്വിഡ് വീതി

ബ്രൗസർ വിൻഡോ എത്രത്തോളം വലുതാണ് എന്നതിനെ അടിസ്ഥാനമാക്കി ലിക്വിഡ് വിഡ്ത്ത് പേജുകൾ (ചിലപ്പോൾ ഫ്ലെക്സിബിൾ വീതി പേജുകൾ) വീതി വ്യത്യസ്തമായിരിക്കും. നിങ്ങളുടെ ഉപഭോക്താക്കളിൽ കൂടുതൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്ന പേജുകൾ രൂപകൽപ്പന ചെയ്യാൻ ഇത് നിങ്ങളെ അനുവദിക്കുന്നു. ലിക്വിഡ് വെഡ്ജ് പേജുകളുള്ള പ്രശ്നം, അവ വായിക്കാൻ ബുദ്ധിമുട്ടാണ് എന്നതാണ്. ടെക്സ്റ്റ് വരിയുടെ സ്കാൻ ദൈർഘ്യം 10 മുതൽ 12 വാക്കുകളേക്കാൾ കൂടുതലോ അല്ലെങ്കിൽ 4 മുതൽ 5 പദങ്ങളേക്കാൾ കുറവാണെങ്കിൽ വായിക്കാൻ ബുദ്ധിമുട്ടാണ്. വലിയ അല്ലെങ്കിൽ ചെറിയ ബ്രൌസർ ജാലകങ്ങളുള്ള വായനക്കാർക്ക് പ്രശ്നമുണ്ടെന്ന് ഇത് അർത്ഥമാക്കുന്നു.

ഇഷ്ടാനുസൃതമായ വീതി താളുകൾ സൃഷ്ടിക്കാൻ, നിങ്ങളുടെ പേജ് ഡിവിഷനുകളുടെ വീതിക്കു വേണ്ടി ലളിതമാക്കലുകളോ എക്കണുകളോ ഉപയോഗിക്കുക. നിങ്ങൾ CSS max-width സ്വത്ത് കൂടി മനസിലാക്കുക. ഈ വസ്തു നിങ്ങളെ ഒരു വീതി ക്രമീകരിക്കാൻ അനുവദിക്കുന്നു, എന്നാൽ അത് പരിമിതപ്പെടുത്തുന്നു, അതിനാൽ അത് ജനങ്ങൾക്ക് വായിക്കാൻ കഴിയാത്തത്ര വലിയ കാര്യമല്ല.

വിജയിക്കുന്നവർ: CSS മീഡിയ ചോദ്യങ്ങൾ

ഈ ദിവസങ്ങൾക്കുള്ളിൽ സോഷ്യൽ മീഡിയ ക്വിയിലുകളും പ്രതികരിച്ച രൂപകൽപനയും ഉപയോഗിക്കുന്ന ബ്രൗസറിന്റെ വീതി ക്രമീകരിക്കുന്ന ഒരു പേജ് സൃഷ്ടിക്കുന്നതാണ് ഏറ്റവും മികച്ച പരിഹാരം. ഒരു വെബ് പേജ് സൃഷ്ടിക്കുന്നതിന് പ്രതികരിച്ച വെബ് ഡിസൈൻ ഒരേ ഉള്ളടക്കമാണ് ഉപയോഗിക്കുന്നത്, അത് നിങ്ങൾ 5120 പിക്സൽ വീതിയിലും 320 പിക്സൽ വീതിയിലും കാണുന്നുണ്ടോ എന്ന് അറിയാൻ സഹായിക്കുന്നു. വ്യത്യസ്ത വലിപ്പത്തിലുള്ള പേജുകൾ വ്യത്യസ്തമാണ്, എന്നാൽ അവയിൽ ഒരേ ഉള്ളടക്കമുണ്ട്. CSS3 ചോദ്യങ്ങളുമായി ഓരോ സ്വീകരിക്കുന്ന ഉപകരണവും ചോദ്യവുമായി അതിന്റെ വലുപ്പം ഉത്തരം നൽകുന്നു, ആ ശൈലി ഷീറ്റുകൾ ക്രമീകരിക്കുന്നു.