രചയിതാവിൽ നിന്ന്:-webkit- പ്രിഫിക്സ് ഇന്ന് CSS-ൽ വളരെ സാധാരണമാണ്, ചില സൈറ്റുകൾ അതില്ലാതെ ശരിയായി പ്രവർത്തിക്കാൻ വിസമ്മതിക്കുന്നു. വെണ്ടർ css പ്രിഫിക്‌സുകൾ കഴിഞ്ഞ രണ്ട് വർഷമായി ഡെവലപ്പർമാർക്ക് തികഞ്ഞതിലും കുറവുള്ള പ്രോപ്പർട്ടികളുടെ വ്യക്തമായ സൂചനയാണെങ്കിലും, ഇത് നിരാശാജനകവും എന്നാൽ ആവശ്യമായതുമായ ഒരു ചുവടുവെപ്പിലേക്ക് മോസില്ലയെ നയിച്ചു. Firefox 46 അല്ലെങ്കിൽ 47 (ഏപ്രിൽ അല്ലെങ്കിൽ മെയ് 2016-ൽ പുറത്തിറങ്ങി), ആ പ്രിഫിക്‌സുമായി (മൊബൈൽ ഉപകരണങ്ങളിൽ പോലും) ബ്രൗസർ അനുയോജ്യത മെച്ചപ്പെടുത്തുന്നതിന് നിലവാരമില്ലാത്ത വെബ്‌കിറ്റ്- പ്രിഫിക്‌സുകളുടെ ഒരു ശ്രേണിക്ക് പിന്തുണ അവതരിപ്പിക്കാൻ മോസില്ല പദ്ധതിയിടുന്നു.

ആശയം പുതിയതല്ല, മൈക്രോസോഫ്റ്റ് എഡ്ജ് അനുയോജ്യതയ്ക്കായി വിവിധ -വെബ്കിറ്റ്- പ്രിഫിക്സുകളെ പിന്തുണയ്ക്കുന്നു. Opera 2012-ൽ -webkit- പ്രിഫിക്സുകളെ പിന്തുണയ്ക്കാൻ തുടങ്ങി, തുടർന്ന് Webkit Blink എഞ്ചിനിലേക്ക് മാറി. വെബ്‌സൈറ്റ് വികസനത്തിൽ ഈ പ്രിഫിക്‌സ് ഉപയോഗിക്കാൻ W3C, ബ്രൗസർ ഡെവലപ്പർമാർ പദ്ധതിയിട്ടിട്ടില്ല:

“സൈറ്റ് കോഡിൽ പരീക്ഷണാത്മക പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കരുത് എന്ന് ഔദ്യോഗിക W3C നയം പറയുന്നു. എന്നിരുന്നാലും, ആളുകൾ അവ ഉപയോഗിക്കുന്നത് അവരുടെ സൈറ്റുകൾ ഏറ്റവും പുതിയ സാങ്കേതികവിദ്യ ഉപയോഗിക്കണമെന്നും മനോഹരമായി കാണണമെന്നും അവർ ആഗ്രഹിക്കുന്നു."- വ്യത്യസ്ത ബ്രൗസറുകൾക്കായി ഉള്ളടക്കം ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിനുള്ള W3C പേജ്

എന്നിരുന്നാലും, ഏറ്റവും പുതിയ ഫീച്ചറുകളിലേക്ക് കഴിയുന്നത്ര വേഗത്തിൽ ആക്‌സസ് ലഭിക്കാൻ ഡവലപ്പർമാർ എപ്പോഴും ആഗ്രഹിക്കുന്നു. വെണ്ടർ പ്രിഫിക്‌സുകൾ എല്ലാം തലകീഴായി മാറ്റി വെബ്‌കിറ്റിന് ആധിപത്യം നൽകി, എന്നാൽ ഇൻ്റർനെറ്റിൻ്റെ ദ്രുതഗതിയിലുള്ള വികസനത്തിൽ പ്രിഫിക്‌സുകൾ വലിയ സ്വാധീനം ചെലുത്തിയെന്ന് ഞാൻ വിശ്വസിക്കുന്നു.

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

പുതിയ പ്രിഫിക്സുകൾ

മോസില്ല നിരവധി -വെബ്കിറ്റ്- പ്രിഫിക്സുകൾ ഉൾപ്പെടുത്താൻ പോകുന്നു. ഞാൻ ശേഖരിച്ചതിൽ നിന്ന്, മോസില്ലയ്ക്ക് അതിൻ്റെ ലിസ്റ്റ് എഡ്ജ് പ്രോപ്പർട്ടികളുമായി പൊരുത്തപ്പെടുത്താൻ ഉദ്ദേശ്യമില്ലെന്ന് തോന്നുന്നു. എല്ലാ പ്രോപ്പർട്ടികളും മോസില്ല എഞ്ചിനുമായി പൊരുത്തപ്പെടണമെന്നില്ല. കോംപാറ്റിബിലിറ്റി/മൊബൈൽ/നോൺ സ്റ്റാൻഡേർഡ് കോംപാറ്റിബിലിറ്റി വിക്കി പേജ് അനുസരിച്ച് മോസില്ല ചേർക്കാൻ പോകുന്ന പ്രിഫിക്സുകളിൽ ഇനിപ്പറയുന്നവ ഉൾപ്പെടുന്നു:

വെബ്കിറ്റ് - ഗ്രേഡിയൻ്റുകൾക്ക്

വെബ്കിറ്റ്-പരിവർത്തനങ്ങൾ

വെബ്കിറ്റ്-ട്രാൻസിഷനുകൾ

വെബ്കിറ്റ്-രൂപഭാവം

വെബ്കിറ്റ്-പശ്ചാത്തലം-ക്ലിപ്പ്

വെബ്കിറ്റ്-ഉപകരണ-പിക്സൽ-അനുപാതം

വെബ്കിറ്റ്-ആനിമേഷൻ

മറ്റ് ചില പ്രോപ്പർട്ടികൾ @-webkit-keyframes-ൽ ഉണ്ടായിരിക്കാം.

ക്രോസ് ബ്രൗസർ പരിശോധന നിർണായകമാകും

നിങ്ങൾ, ഒരു വെബ് ഡെവലപ്പർ, Firefox-ൽ പുതിയ CSS പ്രോപ്പർട്ടികൾ പരീക്ഷിക്കാതിരിക്കാൻ -moz- പ്രിഫിക്‌സ് ഉൾപ്പെടുത്തിയില്ലെങ്കിൽ, സമയപരിധി അടുത്ത് വരികയാണെങ്കിൽ, ക്ലയൻ്റ് ഈ പ്രിഫിക്‌സ് ചേർക്കാൻ നിങ്ങളെ നിർബന്ധിക്കുന്നുവെങ്കിൽ, നിങ്ങൾ സൈറ്റ് വീണ്ടും പരിശോധിക്കേണ്ടതുണ്ട്. Firefox 46 അല്ലെങ്കിൽ 47-ൽ. ഈ പതിപ്പുകൾ ഏപ്രിലിലോ മെയ് മാസത്തിലോ പുറത്തിറങ്ങും, അതിനാൽ നിങ്ങൾക്ക് ഇനിയും സമയമുണ്ട്.

Firefox 46/47 ന് കാത്തുനിൽക്കാതെ നിങ്ങളുടെ വെബ്സൈറ്റ് പരിശോധിക്കുന്നതിന്, about:config എന്നതിൽ layout.css.prefixes.webkit സജ്ജീകരിച്ച് നിങ്ങൾക്ക് ഫയർഫോക്സ് നൈറ്റ്ലിയിൽ ഈ മാറ്റങ്ങൾ പ്രാപ്തമാക്കാം. നിങ്ങൾക്ക് രാത്രികാലത്തിൻ്റെ ഏറ്റവും പുതിയ പതിപ്പ് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടെങ്കിൽ, ഡിഫോൾട്ട് ശരിയായിരിക്കണം. എല്ലാ -webkit- പ്രിഫിക്‌സ് മാറ്റങ്ങളും ഫയർഫോക്‌സ് നൈറ്റ്‌ലിയിൽ ഇതുവരെ പ്രവർത്തിക്കുന്നില്ല, എന്നാൽ നിങ്ങളുടെ സൈറ്റ് ഉടൻ എങ്ങനെയായിരിക്കുമെന്ന് പരിശോധിക്കാനുള്ള നല്ലൊരു സ്ഥലമാണിത്. ഫയർഫോക്സ് നൈറ്റ്ലിയിൽ സൈറ്റ് ഗൗരവമായി പരിശോധിക്കുന്നതിന് മുമ്പ് ഞാൻ മാർച്ച് വരെ കാത്തിരിക്കും.

വളരെ പ്രധാനമായി, Microsoft Edge ഇതിനകം സമാനമായ രീതിയിൽ -webkit- പ്രിഫിക്സുകൾ വ്യാഖ്യാനിക്കുകയും പ്രദർശിപ്പിക്കുകയും ചെയ്യുന്നു. ഇതിനർത്ഥം നിങ്ങളുടെ സൈറ്റിലെ ഏതെങ്കിലും WebKit ശൈലികൾ ഇതിനകം തന്നെ തികച്ചും അപ്രതീക്ഷിതമായ ഒരു ബ്രൗസറിൽ പ്രദർശിപ്പിച്ചിരിക്കുന്നു എന്നാണ്. നിങ്ങൾ ഇതുവരെ ഈ ബ്രൗസറിൽ പ്രവർത്തിച്ചിട്ടില്ലെങ്കിൽ, Windows 10 ഇൻസ്റ്റാൾ ചെയ്ത് ടെസ്റ്റ് സൈറ്റുകളിലേക്ക് അതിലേക്ക് ആക്സസ് നേടുക.

വെണ്ടർ പ്രിഫിക്സുകൾ ക്രമേണ അപ്രത്യക്ഷമാകുന്നു

ഭാഗ്യവശാൽ, വികസന ടീമുകൾ പുതിയ പരിഹാരങ്ങൾ കണ്ടെത്തുന്നതിനാൽ വെണ്ടർ പ്രിഫിക്സുകൾ ക്രമേണ അപ്രത്യക്ഷമാകുന്നു. Chrome/Blink ടീം അവരുടെ സമീപനം അൽപ്പം മാറ്റി:

"മുന്നോട്ട് പോകുമ്പോൾ, ഡിഫോൾട്ടായി വെണ്ടർ പ്രിഫിക്‌സുകൾ പ്രവർത്തനക്ഷമമാക്കുന്നതിനുപകരം, 'പരീക്ഷണാത്മക വെബ് പ്ലാറ്റ്‌ഫോം പ്രോപ്പർട്ടികൾ പ്രവർത്തനക്ഷമമാക്കുക' ഫ്ലാഗിന് പിന്നിലുള്ള പതിവ് പ്രോപ്പർട്ടികൾ സ്ഥിരസ്ഥിതിയായി പ്രവർത്തനക്ഷമമാക്കുന്നത് വരെ ഞങ്ങൾ ഏകദേശം: ഫ്ലാഗുകളിൽ സൂക്ഷിക്കും."— Chrome/Blink ടീം

ഫയർഫോക്സ് ടീമും സമാനമായ പാത പിന്തുടർന്നു: വെണ്ടർ പ്രിഫിക്‌സുകൾ പ്രവർത്തനരഹിതമാക്കുകയോ സ്ഥിരതയുള്ളതാണെങ്കിൽ സാധാരണ പ്രോപ്പർട്ടികളുടെ അവസ്ഥയിലേക്ക് മാറ്റുകയോ ചെയ്യുന്നതിലൂടെ മോസില്ലയിലെ ജോലിയുടെ പ്രധാന ദിശ ഇപ്പോൾ മാറുകയാണ്. ഇത് ഞങ്ങളുടെ പൊതു നയമാണ്; »- മോസില്ലയിൽ നിന്നുള്ള ബോറിസ്

മൈക്രോസോഫ്റ്റ് എഡ്ജ് പ്രിഫിക്സ് പിന്തുണ നീക്കം ചെയ്യാനും ലക്ഷ്യമിടുന്നു: “എഡ്ജിലെ വെണ്ടർ പ്രിഫിക്സുകൾ ഒഴിവാക്കാനും മൈക്രോസോഫ്റ്റ് ശ്രമിക്കുന്നു. പ്രത്യേക HTML5 ടാഗുകളോ CSS പ്രോപ്പർട്ടികളോ ഉപയോഗിക്കുമ്പോൾ ഡെവലപ്പർമാർ എഡ്ജ് ബ്രൗസറിനായി ഒരു പ്രത്യേക പ്രിഫിക്‌സ് ചേർക്കേണ്ടതില്ല എന്നാണ് ഇതിനർത്ഥം. പകരം, ഡവലപ്പർമാർ സാധാരണ കോഡ് എഴുതും.- Mashable

പ്രിഫിക്സുകൾ ഉപയോഗിച്ചുള്ള ഗ്രേസ്ഫുൾ ഡിഗ്രേഡേഷൻ ഇനി പ്രവർത്തിക്കില്ല

വെണ്ടർ പ്രിഫിക്‌സുകളിൽ നിന്ന് മാറുന്നത് ഒരേയൊരു കാര്യം മാത്രമാണ് - പ്രിഫിക്‌സുകളിലൂടെയുള്ള ഗ്രേസ്ഫുൾ ഡിഗ്രേഡേഷൻ ടെക്‌നിക് ഇനി ഒരു ഓപ്ഷനല്ല. വെണ്ടർ പ്രിഫിക്‌സുകളിലൂടെ (ഉദാഹരണത്തിന്, Chrome-ന്) നിർദ്ദിഷ്ട ബ്രൗസറുകൾ വേർതിരിച്ചെടുക്കുന്നത് ഈ പ്രിഫിക്‌സുകളുടെ ഉദ്ദേശ്യമായിരുന്നില്ല; എല്ലാ പ്രിഫിക്‌സുകളും (–വെബ്‌കിറ്റ്-ടു-ഒ-) ഉപയോഗിക്കാൻ ഡെവലപ്പർമാരെ എപ്പോഴും പ്രോത്സാഹിപ്പിച്ചിട്ടുണ്ട്. വെണ്ടർ പ്രിഫിക്‌സുകളുള്ള പ്രോപ്പർട്ടികളിൽ പ്രവർത്തിക്കുന്ന ഏതെങ്കിലും ഫംഗ്‌ഷണാലിറ്റിയാണ് നിങ്ങൾ ഉപയോഗിക്കുന്നതെങ്കിൽ, മറ്റ് ബ്രൗസറുകൾക്കായി നിങ്ങളുടെ ഡിസൈനിലെ ഗ്രേസ്ഫുൾ ഡിഗ്രേഡേഷൻ ടെക്‌നിക് ഉപയോഗിച്ചിട്ടുണ്ടെങ്കിൽ, ഇത് ഇനി പ്രവർത്തിക്കില്ല.

ഉപസംഹാരം

കാലം മാറുകയാണ്. വെബ്‌കിറ്റിൻ്റെ ആധിപത്യം മനഃപൂർവമല്ലാത്തതിനാൽ ഇൻ്റർനെറ്റിൽ കോലാഹലങ്ങളും പൊരുത്തക്കേടുകളും ഉണ്ടാക്കി. മറ്റ് ബ്രൗസറുകൾ -webkit- പ്രിഫിക്സുകൾ ചേർത്ത് അനുയോജ്യത വർദ്ധിപ്പിക്കാൻ നോക്കുന്നു. ക്രമേണ, വെണ്ടർ പ്രിഫിക്സുകൾ അപ്രത്യക്ഷമാകുന്നതോടെ, ഈ പ്രശ്നവും ഇല്ലാതാകും. വെബ്‌കിറ്റ് ഇതര ബ്രൗസറുകളിൽ പ്രിഫിക്‌സുകളുടെ ഉപയോഗം അനഭിലഷണീയമായ പ്രത്യാഘാതങ്ങൾ ഉണ്ടാക്കുന്നില്ലേ എന്ന് ഡവലപ്പർമാർ പരിശോധിക്കണം.

ഉള്ളടക്ക പട്ടിക:

CSS-ൽ -webkit- പ്രിഫിക്‌സ് വളരെ പ്രബലമാണ്, അത് കൂടാതെ ചില സൈറ്റുകൾ ശരിയായി പ്രവർത്തിക്കില്ല. സമീപ വർഷങ്ങളിൽ ഡെവലപ്പർമാർ മികച്ച രീതികൾ പിന്തുടർന്നിട്ടില്ലെന്നും ഇത് മോസില്ലയുടെ ഭാഗത്തുനിന്ന് നിർഭാഗ്യകരവും എന്നാൽ ഏറെക്കുറെ നിർബന്ധിതവുമായ തീരുമാനത്തിലേക്ക് നയിച്ചുവെന്നും ഇത് സൂചിപ്പിക്കുന്നു. Firefox പതിപ്പ് 46 അല്ലെങ്കിൽ 47-ൽ (ഇത് ഏപ്രിൽ അല്ലെങ്കിൽ മെയ് 2016), -webkit (സാധാരണയായി മൊബൈൽ-ആദ്യ സൈറ്റുകൾ) സജീവമായി ഉപയോഗിക്കുന്ന സൈറ്റുകളുമായി Firefox അനുയോജ്യത മെച്ചപ്പെടുത്തുന്നതിന് നിലവാരമില്ലാത്ത -webkit- പ്രിഫിക്സുകൾക്കുള്ള പിന്തുണ നടപ്പിലാക്കാൻ മോസില്ല പദ്ധതിയിടുന്നു.

എന്നിരുന്നാലും, ഏറ്റവും പുതിയ ബ്രൗസർ സവിശേഷതകൾ കഴിയുന്നത്ര വേഗത്തിൽ ഉപയോഗിക്കുന്നതിന് ഡെവലപ്പർമാർ പ്രിഫിക്സുകൾ ഉപയോഗിക്കുന്നു. പ്രിഫിക്‌സുകൾ വെബ്‌കിറ്റിൻ്റെ ആധിപത്യവുമായി ആശയക്കുഴപ്പം സൃഷ്ടിച്ചു, പക്ഷേ അവ വെബിനെ ത്വരിതഗതിയിൽ മുന്നോട്ട് കൊണ്ടുപോകാൻ നിർബന്ധിക്കുകയും ചെയ്തു.

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

അതിനാൽ, പ്രിഫിക്‌സുകളിലേക്കുള്ള സമീപനവും അവയ്‌ക്കൊപ്പം ടെസ്റ്റ് സൈറ്റുകളും പുനർവിചിന്തനം ചെയ്യേണ്ട സമയമാണിത്.

പിന്തുണയ്ക്കുന്ന പ്രിഫിക്സുകൾ

മോസില്ലയ്ക്ക് നടപ്പിലാക്കാൻ കഴിയുന്ന നിരവധി -വെബ്കിറ്റ്- പ്രിഫിക്സുകൾ ഉണ്ട്. ഞാൻ ശേഖരിച്ചതിൽ നിന്ന്, മോസില്ല അതിൻ്റെ പിന്തുണയുള്ള പ്രിഫിക്‌സ് പ്രോപ്പർട്ടികളുടെ ലിസ്റ്റ് എഡ്ജുമായി പൊരുത്തപ്പെടുന്നില്ല, കാരണം അവയെല്ലാം ലേഔട്ട് എഞ്ചിൻ അനുയോജ്യതയ്ക്ക് ആവശ്യമില്ല.

ഫയർഫോക്സ് ഡെവലപ്പർമാരും സമാനമായ ഒരു സമീപനത്തോട് അടുത്താണ്:

പ്രിഫിക്‌സ് ചെയ്യാത്ത പ്രോപ്പർട്ടികൾ പ്രവർത്തനരഹിതമാക്കി വെണ്ടർ പ്രിഫിക്‌സുകൾ ഒഴിവാക്കുകയും മതിയായ സ്ഥിരതയോടെ പ്രിഫിക്‌സ് ചെയ്യാത്ത പതിപ്പ് ഉപയോഗിക്കുകയും ചെയ്യുന്നതാണ് മോസില്ലയിലെ നിലവിലെ ട്രെൻഡ്. ഇതൊരു പൊതു നയമാണ്: ചില സന്ദർഭങ്ങളിൽ ഒഴിവാക്കലുകൾ ബാധകമായേക്കാം - മോസില്ലയിൽ നിന്നുള്ള ബോറിസ്

Microsoft Edge വെണ്ടർ പ്രിഫിക്സുകളും ഉപേക്ഷിക്കാൻ പോകുന്നു:

“മൈക്രോസോഫ്റ്റ് എഡ്ജിലെ വെണ്ടർ പ്രിഫിക്സുകളും ഇല്ലാതാക്കാൻ പോകുന്നു. ഇതിനർത്ഥം നിർദ്ദിഷ്ട HTML, CSS സവിശേഷതകൾ ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുന്ന ഡെവലപ്പർമാർ ഒരു എഡ്ജ്-നിർദ്ദിഷ്ട പ്രിഫിക്‌സ് ഉപയോഗിക്കില്ല എന്നാണ്. പകരം, അവർ മാനദണ്ഡങ്ങൾക്കനുസൃതമായി കോഡ് എഴുതും” - Mashable

പ്രിഫിക്‌സുകളെ അടിസ്ഥാനമാക്കി ക്രമാനുഗതമായ ഡീഗ്രഡേഷൻ ഉണ്ടാകില്ല

വെണ്ടർ പ്രിഫിക്‌സുകളിൽ നിന്നുള്ള ഈ നീക്കം ഒരു കാര്യം അർത്ഥമാക്കുന്നു - വെണ്ടർ പ്രിഫിക്‌സുകൾ ഉപയോഗിച്ച് ക്രമാനുഗതമായ അപചയത്തിന് യാതൊരു സാധ്യതയുമില്ല.

ഒരു നിർദ്ദിഷ്‌ട ബ്രൗസറിനായി (ഉദാഹരണത്തിന്, Chrome മാത്രം) ശൈലികൾ പ്രയോഗിക്കുന്നതിന് വെണ്ടർ പ്രിഫിക്‌സുകൾ ഉപയോഗിക്കുന്നത് അവ അവതരിപ്പിക്കുന്നതിൻ്റെ ഉദ്ദേശ്യമായിരുന്നില്ല; എല്ലാ പ്രിഫിക്സുകളും (-webkit- മുതൽ -o- വരെ) ഉപയോഗിക്കാനാണ് ഡവലപ്പർമാർക്കുള്ള ശുപാർശ. നിങ്ങൾ പ്രിഫിക്‌സ് പ്രോപ്പർട്ടികളെ ആശ്രയിക്കുന്ന ഫീച്ചറുകൾ ഉപയോഗിക്കുകയും മറ്റ് ബ്രൗസറുകളിൽ നിങ്ങളുടെ ഡിസൈൻ ക്രമേണ തരംതാഴ്ത്താൻ പ്രിഫിക്‌സുകൾ ഉപയോഗിക്കുകയും ചെയ്യുന്നുവെങ്കിൽ, ഇത് മേലിൽ പ്രവർത്തിക്കില്ല.

ഉപസംഹാരം

കാലം മാറുകയാണ്. വെബ്‌കിറ്റിൻ്റെ ആധിപത്യം അറിയാതെ പൊരുത്തക്കേടിൻ്റെ പ്രശ്‌നങ്ങളിലേക്ക് നയിച്ചു, മറ്റ് ബ്രൗസർ വെണ്ടർമാരെ -webkit- പ്രിഫിക്‌സുകൾ നടപ്പിലാക്കാൻ നിർബന്ധിതരാക്കി. ബ്രൗസർ വെണ്ടർമാർ വെണ്ടർ പ്രിഫിക്‌സുകൾ അവസാനിപ്പിക്കുന്നതോടെ ഈ പ്രശ്നം അവസാനിക്കും, എന്നാൽ അതിനിടയിൽ വെബ്‌കിറ്റ് ഇതര ബ്രൗസറുകളിൽ പ്രിഫിക്‌സുകൾ അപ്രതീക്ഷിത ഫലങ്ങൾ ഉണ്ടാക്കുന്നില്ലെന്ന് ഡെവലപ്പർമാർ ഉറപ്പാക്കണം.

വെബ് ഡിസൈൻ വ്യവസായം നിരന്തരം മാറിക്കൊണ്ടിരിക്കുന്നു, കാരണം വെബ് ബ്രൗസറുകളും ഉപകരണങ്ങളും നിരന്തരം മാറിക്കൊണ്ടിരിക്കുന്നു. വെബ് ഡിസൈനർമാർ, ഡെവലപ്പർമാർ എന്നീ നിലകളിൽ ഞങ്ങൾ ചെയ്യുന്ന ജോലികൾ ഒരു വെബ് ബ്രൗസറിലൂടെ കാണുന്നതിനാൽ, ആ സോഫ്റ്റ്‌വെയറുമായി ഞങ്ങളുടെ ജോലിക്ക് എപ്പോഴും സഹജീവി ബന്ധം ഉണ്ടായിരിക്കും.

വെബ് ബ്രൗസറുകളിലെ മാറ്റങ്ങൾ

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

നിങ്ങളുടെ സൈറ്റുകളിലേക്കുള്ള ചില സന്ദർശകർ വളരെ കാലഹരണപ്പെട്ട ബ്രൗസറുകളും കൂടുതൽ ആധുനിക ബ്രൗസറുകളിൽ നിന്ന് നഷ്‌ടമായ സവിശേഷതകളുമുള്ള വെബ് പേജുകൾ കാണും. ഉദാഹരണത്തിന്, Microsoft-ൻ്റെ Internet Explorer ബ്രൗസറിൻ്റെ പഴയ പതിപ്പുകൾ പല വെബ് പ്രൊഫഷണലുകൾക്കും വളരെക്കാലമായി ഒരു പ്രശ്നമാണ്. കമ്പനി അതിൻ്റെ ഏറ്റവും പഴയ ചില ബ്രൗസറുകൾക്കുള്ള പിന്തുണ ഉപേക്ഷിച്ചിട്ടുണ്ടെങ്കിലും, അവ ഉപയോഗിക്കുന്ന ആളുകൾ ഇപ്പോഴും ഉണ്ട് - നിങ്ങൾ ബിസിനസ്സ് ചെയ്യാനും ആശയവിനിമയം നടത്താനും ആഗ്രഹിക്കുന്ന ആളുകൾ.

"മനോഹരമായ അപചയം" എന്നതിൻ്റെ നിർവചനം

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

പഴയതും പുതിയതുമായ വിവിധ ബ്രൗസറുകൾക്കായി വെബ് പേജ് ഡിസൈൻ കൈകാര്യം ചെയ്യുന്നതിനുള്ള ഒരു തന്ത്രമാണ് ഗ്രേസ്ഫുൾ ഡിഗ്രേഡേഷൻ.

ആധുനിക ബ്രൗസറുകളിൽ നിന്ന് ആരംഭിക്കുന്നു

കാലക്രമേണ തരംതാഴ്ത്താൻ രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്ന വെബ്‌സൈറ്റ് ആധുനിക ബ്രൗസറുകൾ മനസ്സിൽ വെച്ചാണ് രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്നത്. ഈ ആധുനിക വെബ് ബ്രൗസറുകളുടെ കഴിവുകൾ പ്രയോജനപ്പെടുത്തുന്നതിനാണ് ഈ സൈറ്റ് രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്നത്, ആളുകൾ എപ്പോഴും ഏറ്റവും പുതിയ പതിപ്പ് ഉപയോഗിക്കുന്നുണ്ടെന്ന് ഉറപ്പാക്കാൻ അവയിൽ പലതും "യാന്ത്രിക-അപ്‌ഡേറ്റ്" ചെയ്യുന്നു. എന്നിരുന്നാലും, ഭംഗിയായി തരംതാഴ്ത്തുന്ന വെബ്‌സൈറ്റുകൾ പഴയ ബ്രൗസറുകളിലും ഫലപ്രദമായി പ്രവർത്തിക്കുന്നു. ഈ പഴയതും പ്രവർത്തനക്ഷമമല്ലാത്തതുമായ ബ്രൗസറുകൾ സൈറ്റ് കാണുമ്പോൾ, അത് പ്രവർത്തനക്ഷമമായിരിക്കുമ്പോൾ തന്നെ അത് ഡീഗ്രേഡ് ചെയ്യണം, പക്ഷേ ചില ഫീച്ചറുകളോ മറ്റ് വിഷ്വൽ ഡിസ്പ്ലേ ഘടകങ്ങളോ ആയിരിക്കും. പ്രവർത്തനക്ഷമമല്ലാത്തതോ ആകർഷകമല്ലാത്തതോ ആയ വെബ്‌സൈറ്റ് നൽകുന്ന ഈ ആശയം നിങ്ങൾക്ക് വിചിത്രമായി തോന്നുമെങ്കിലും, തങ്ങൾ കാണാനില്ലെന്ന് ആളുകൾക്ക് അറിയില്ല എന്നതാണ് സത്യം. അവർ കാണുന്ന സൈറ്റിനെ "മികച്ച പതിപ്പുമായി" അവർ താരതമ്യം ചെയ്യില്ല, അതിനാൽ സൈറ്റ് അവർക്ക് ആവശ്യമുള്ളത് ചെയ്യുകയും പ്രവർത്തനപരമായോ ദൃശ്യപരമായോ തകർന്നതായി കാണപ്പെടാതിരിക്കുകയും ചെയ്യുന്നിടത്തോളം, നിങ്ങൾ നല്ല നിലയിലായിരിക്കും.

പുരോഗമനപരമായ മെച്ചപ്പെടുത്തൽ

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

"ഏറ്റവും പുതിയ ബ്രൗസർ ഡൗൺലോഡ് ചെയ്യുക" എന്ന് നിങ്ങൾ വായനക്കാരോട് പറയുകയാണെന്ന് അർത്ഥമാക്കുന്നില്ല.

പല ആധുനിക ഡിസൈനർമാരും മനോഹരമായ ഡീഗ്രേഡേഷൻ സമീപനം ഇഷ്ടപ്പെടാത്തതിൻ്റെ ഒരു കാരണം, പേജ് പ്രവർത്തിക്കുന്നതിന് ഏറ്റവും കാലികമായ ബ്രൗസർ ഡൗൺലോഡ് ചെയ്യാൻ വായനക്കാരോട് ആവശ്യപ്പെടുന്നു എന്നതാണ്. ഇത് മാന്യമായ അപചയമല്ല. “ഈ ഫീച്ചർ പ്രവർത്തിക്കുന്നതിന് ബ്രൗസർ X ഡൗൺലോഡ് ചെയ്യുക” എന്ന് എഴുതാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, നിങ്ങൾ വർദ്ധിച്ചുവരുന്ന അപചയത്തിൻ്റെ മേഖല ഉപേക്ഷിച്ച് ബ്രൗസർ കേന്ദ്രീകൃത രൂപകൽപ്പനയിലേക്ക് നീങ്ങുകയാണ്. അതെ, ഒരു വെബ്‌സൈറ്റ് സന്ദർശകനെ മികച്ച ബ്രൗസറിലേക്ക് അപ്‌ഗ്രേഡ് ചെയ്യാൻ സഹായിക്കുന്നതിന് ഇത് തീർച്ചയായും ഉപയോഗപ്രദമാണ്, പക്ഷേ ഇത് പതിവായി ചോദിക്കുന്ന ഒരു ചോദ്യമാണ് (ഓർക്കുക, പുതിയ ബ്രൗസറുകൾ എങ്ങനെ ഡൗൺലോഡ് ചെയ്യണമെന്ന് പലർക്കും മനസ്സിലാകുന്നില്ല, അവരോട് അങ്ങനെ ചെയ്യാൻ ആവശ്യപ്പെടുന്നത് ഭയപ്പെടുത്തുന്നതാണ്). അവരെ അകറ്റി). മെച്ചപ്പെട്ട സോഫ്‌റ്റ്‌വെയർ ഡൗൺലോഡ് ചെയ്യുന്നതിനാണ് അവർ നിങ്ങളുടെ സൈറ്റ് വിടുന്നതെന്ന് അവരുടെ ബിസിനസ്സ് അവരോട് പറയണമെന്ന് നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, അത് സാധ്യമാകണമെന്നില്ല. നിങ്ങളുടെ സൈറ്റിന് ഒരു പ്രത്യേക ബ്രൗസർ പതിപ്പോ അതിലും ഉയർന്നതോ ആയ പ്രധാന പ്രവർത്തനക്ഷമത ഇല്ലെങ്കിൽ, നിർബന്ധിത ഡൗൺലോഡുകൾ പലപ്പോഴും ഉപയോക്തൃ അനുഭവത്തെ തകർക്കും, അത് ഒഴിവാക്കണം.

പുരോഗമനപരമായ മെച്ചപ്പെടുത്തലിനായി ക്രമാനുഗതമായ അധഃപതനത്തിനുള്ള അതേ നിയമങ്ങൾ പാലിക്കുക എന്നതാണ് ഒരു നല്ല നിയമം:

• സാധുവായ, മാനദണ്ഡങ്ങൾ പാലിക്കുന്ന HTML എഴുതുക
• നിങ്ങളുടെ രൂപകൽപ്പനയ്ക്കും ലേഔട്ടിനുമായി ബാഹ്യ ശൈലി ഷീറ്റുകൾ ഉപയോഗിക്കുക
• ഇൻ്ററാക്റ്റിവിറ്റിക്കായി ബാഹ്യമായി ലിങ്ക് ചെയ്ത സ്ക്രിപ്റ്റുകൾ ഉപയോഗിക്കുക
• CSS അല്ലെങ്കിൽ JavaScript ഇല്ലാതെ ലോ-എൻഡ് ബ്രൗസറുകളിൽ പോലും ഉള്ളടക്കം ആക്‌സസ് ചെയ്യാനാകുമെന്ന് ഉറപ്പാക്കുക

ഈ പ്രക്രിയ മനസ്സിൽ വെച്ചുകൊണ്ട്, നിങ്ങൾക്ക് പുറത്തുപോയി നിങ്ങൾക്ക് കഴിയുന്ന ഏറ്റവും ആധുനികമായ ഡിസൈൻ സൃഷ്ടിക്കാൻ കഴിയും! പ്രവർത്തിക്കുമ്പോൾ തന്നെ ഫീച്ചറുകൾ കുറവായ ബ്രൗസറുകളിൽ ഇത് പ്രവർത്തിക്കുന്നുവെന്ന് ഉറപ്പാക്കുക.

എത്ര ദൂരം പിന്നോട്ട് പോകണം?

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

എഡിറ്റ് ചെയ്തത് ജെറമി ജിറാർഡ്.

തീർച്ചയായും, ഇൻ്റർനെറ്റ് എക്സ്പ്ലോററിൽ വ്യത്യസ്ത പതിപ്പുകളിൽ ധാരാളം പിശകുകൾ അടങ്ങിയിരിക്കുന്നു, എന്നാൽ സോപാധികമായ അഭിപ്രായങ്ങളുടെ സഹായത്തോടെ നിങ്ങൾക്ക് അവയെ ചെറുക്കാനും അവ ഇല്ലാതാക്കാനും കഴിയും. എന്നാൽ ഒന്നിനും പരിഹരിക്കാനാകാത്തത് IE നിരാശാജനകമായി കാലഹരണപ്പെട്ടതാണ് എന്നതാണ്. മറ്റ് ബ്രൗസറുകൾ കൂടുതൽ കൂടുതൽ CSS3 പ്രോപ്പർട്ടികൾ ഉൾപ്പെടുത്തുകയും വിവിധ പുതിയ സാങ്കേതികവിദ്യകളെ പിന്തുണയ്ക്കുകയും ചെയ്യുമ്പോൾ, IE സമയം അടയാളപ്പെടുത്തുന്നു. IE9 ൻ്റെ റിലീസ് പ്രശ്നം പരിഹരിക്കില്ല; ഒറ്റരാത്രികൊണ്ട് അപ്രത്യക്ഷമാകില്ല. അത്തരമൊരു സാഹചര്യത്തിൽ, ഏറ്റവും മികച്ച പരിഹാരം ഗംഭീരമായ അധഃപതനമായിരിക്കും - ചില പ്രവർത്തനക്ഷമത നഷ്ടപ്പെടുമ്പോൾ പ്രകടനം നിലനിർത്തുന്നതിനുള്ള തത്വം.

ഒരു ചെറിയ ഉദാഹരണത്തിലൂടെ ഈ സാങ്കേതികവിദ്യ നോക്കാം, അതിൽ ഒരു ബ്ലോക്കിലും ബട്ടണിലും ടെക്സ്റ്റ് പ്രദർശിപ്പിക്കും. ബ്ലോക്കിനും ബട്ടണിനും വൃത്താകൃതിയിലുള്ള കോണുകൾ ഉണ്ട്, കൂടാതെ ബ്ലോക്കിലേക്ക് ഒരു ചെറിയ നിഴലും ചേർക്കുന്നു. ഇതുവരെ, CSS3-നുള്ള ബ്രൗസറുകൾ പ്രധാനമായും അവരുടെ സ്വന്തം പ്രിഫിക്സുകളുള്ള പ്രത്യേക പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കുന്നു:

• ഫയർഫോക്സ് - -moz- ൽ ആരംഭിക്കുന്ന പ്രോപ്പർട്ടികൾ;
• Safari, Chrome --webkit- ൽ ആരംഭിക്കുന്ന പ്രോപ്പർട്ടികൾ;
• ഓപ്പറ - -o- ൽ ആരംഭിക്കുന്ന പ്രോപ്പർട്ടികൾ.

ഈ ബ്രൗസറുകളുടെ വ്യത്യസ്‌ത പതിപ്പുകൾക്ക് ഒരു പ്രിഫിക്‌സ് ഉപയോഗിച്ചും അല്ലാതെയും ചില പ്രോപ്പർട്ടികൾ മനസ്സിലാക്കാൻ കഴിയും, അതിനാൽ സാർവത്രികതയ്‌ക്കായി അവ ഒരേസമയം നിരവധി പ്രോപ്പർട്ടികൾ ചേർക്കുന്നു. അതിനാൽ, വൃത്താകൃതിയിലുള്ള കോണുകൾ സൃഷ്ടിക്കാൻ നമുക്ക് ഇനിപ്പറയുന്ന ശൈലി ആവശ്യമാണ്.

Moz-ബോർഡർ-റേഡിയസ്: 10px; /* Firefox-ന് */ -webkit-border-radius: 10px; /* Safari, Chrome എന്നിവയ്‌ക്ക് */ ബോർഡർ-റേഡിയസ്: 10px; /* Opera, IE9 എന്നിവയ്‌ക്ക് */

ഈ പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കുന്നത് അസാധുവായ CSS കോഡിന് കാരണമാകുമെങ്കിലും, ഈ സാഹചര്യത്തിൽ Firefox 1.0, Safari 3.1, Chrome 2.0, Opera 10.50, IE9 എന്നീ ബ്രൗസറുകളിലും അവയുടെ പഴയ പതിപ്പുകളിലും പ്രവർത്തിക്കുന്നത് വളരെ പ്രധാനമാണ്. നിഴലുകളും വൃത്താകൃതിയിലുള്ള കോണുകളും സൃഷ്ടിക്കാൻ CSS3 പ്രോപ്പർട്ടികൾ എങ്ങനെ ഉപയോഗിക്കാമെന്ന് ഉദാഹരണം 1 കാണിക്കുന്നു.

ഉദാഹരണം 1. ഷാഡോ ഉപയോഗിച്ച് തടയുക

XHTML 1.0 CSS 2.1 CSS3 IE 8 IE 9+ Cr Op Sa Fx

ഉദാഹരണത്തിൻ്റെ ഫലം ചിത്രത്തിൽ കാണിച്ചിരിക്കുന്നു. 1.

അരി. 1. സഫാരിയിലെ കാഴ്ച തടയുക

IE8 ബ്രൗസറിലും താഴെയുള്ള അതേ ഉദാഹരണം ചിത്രത്തിൽ കാണിച്ചിരിക്കുന്നു. 2.

അരി. 2. IE8-ൽ കാഴ്ച തടയുക

ഘടകങ്ങളുടെ രൂപം വിശദമായി വ്യത്യസ്തമാണെങ്കിലും, പേജിൻ്റെ മൊത്തത്തിലുള്ള പ്രവർത്തനക്ഷമത അതേപടി തുടരുന്നു. ബട്ടണിൽ ക്ലിക്കുചെയ്യാനാകും, വാചകം അതിൻ്റെ നിറവും പശ്ചാത്തലവും ഉൾപ്പെടെ അതേപടി തുടരുന്നു, കൂടാതെ ഡിസ്പ്ലേ പിശകുകളൊന്നുമില്ല. വാസ്തവത്തിൽ, പ്രായോഗിക പ്രവർത്തനങ്ങളേക്കാൾ അലങ്കാരം നിർവഹിക്കുന്ന ചെറിയ കാര്യങ്ങളിൽ മാത്രമാണ് വ്യത്യാസം. മാന്യമായ അധഃപതനത്തിൻ്റെ എല്ലാ തത്വങ്ങളും നിറവേറ്റപ്പെടുന്നു.

ഈ സമീപനം പ്രായോഗികമായി എന്താണ് നൽകുന്നത്?

• ബ്രൗസറിനെ പരിഗണിക്കാതെ തന്നെ CSS3 ൻ്റെ അലങ്കാര സവിശേഷതകൾ സജീവമായി ഉപയോഗിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു.
• വിവിധ CSS3 ഇഫക്റ്റുകൾ ഉപയോഗിക്കാൻ പ്രേരിപ്പിക്കുന്നു.
• കാലഹരണപ്പെട്ട ബ്രൗസറുകൾക്ക് പരിഹാരങ്ങൾ തേടേണ്ടതില്ലാത്തതിനാൽ ഇത് ഡെവലപ്പറുടെ ജീവിതം വളരെ എളുപ്പമാക്കുന്നു.
• തൊഴിൽ ഉൽപ്പാദനക്ഷമത വേഗത്തിലാക്കുന്നു.

തീർച്ചയായും, മാന്യമായ തരംതാഴ്ത്തൽ എല്ലായ്പ്പോഴും ബാധകമല്ല. ലേഔട്ട് ആവശ്യകതകൾ പഴയ പതിപ്പുകൾക്കുള്ള പിന്തുണയെ സൂചിപ്പിക്കുന്നുവെങ്കിൽ, നിങ്ങൾ ഇതര പരിഹാരങ്ങൾക്കായി നോക്കേണ്ടതുണ്ട്, ഉദാഹരണത്തിന്, വൃത്താകൃതിയിലുള്ള കോണുകൾക്കായി ചിത്രങ്ങൾ ഉപയോഗിക്കുന്നു. എന്നാൽ മിക്കപ്പോഴും, പൊതു സാഹചര്യം കണക്കിലെടുക്കാതെ ലേഔട്ടിനുള്ള ആവശ്യകതകൾ സജ്ജീകരിച്ചിരിക്കുന്നു. കാലഹരണപ്പെട്ട ബ്രൗസറുകൾ, പ്രത്യേകിച്ച് IE8, പേജ് വേണ്ടത്ര “മനോഹരമായി” പ്രദർശിപ്പിക്കുന്നില്ല എന്ന വസ്തുതയിൽ മാത്രം പ്രകടമാകുന്ന പോരായ്മയുമായി മനോഹരമായ അപചയത്തിൻ്റെ എല്ലാ ഗുണങ്ങളും താരതമ്യം ചെയ്താൽ, സഹതാപം പുരോഗതിയുടെ വശത്തായിരിക്കും.