முற்போக்கான விரிவாக்கம்

இணையதளங்கள் நீண்ட காலமாக வலை உலாவிகள் சுற்றி வருகின்றன. உண்மையில், உலாவிகளில் அனுபவம் அல்லது உங்கள் தளத்தில் பார்க்கும் மக்கள் ஒரு முக்கிய பொருளாக உள்ளன - ஆனால் அனைத்து உலாவிகளும் சமமாக உருவாக்கப்பட்டது. மிகவும் பழைய மற்றும் மிகவும் நவீன உலாவிகளில் காணப்படும் அம்சங்கள் இல்லாத உலாவிகளில் உங்கள் வலை பக்கங்கள் பார்க்க வாடிக்கையாளர்கள் வேண்டும் முற்றிலும் (மற்றும் உண்மையில் மிகவும் ஒருவேளை). வலைத்தள வடிவமைப்பிலும் மேம்பாட்டிலும் சமீபத்திய முன்னேற்றங்களைப் பயன்படுத்தி வலைத்தளங்களை உருவாக்க முயற்சிக்கும்போது, ​​இது குறிப்பிடத்தக்க சிக்கல்களை உண்டாக்குகிறது. அந்த பழங்கால உலாவிகளில் ஒன்றைப் பயன்படுத்தி ஒருவர் உங்கள் தளத்திற்கு வந்தால், உங்கள் சமீபத்திய மேம்பட்ட உத்திகள் அவர்களுக்கு வேலை செய்யாது, நீங்கள் ஒட்டுமொத்தமாக ஏழை அனுபவத்தை வழங்க முடியும். முற்போக்கான விரிவாக்கமானது பல்வேறு உலாவிகளுக்கான இணையப் பக்க வடிவமைப்பை கையாளுவதற்கான ஒரு மூலோபாயம் ஆகும், அதாவது நவீன ஆதரவில் இல்லாத பழைய உலாவிகளாகும்.

முற்போக்கான விரிவாக்கம் இணைய பக்கங்களை வடிவமைப்பதற்கான ஒரு வழியாகும், இதன்மூலம் கூடுதல் அம்சங்களை பயனர் முகவர் ஆதரிக்கிறது, மேலும் வலைப்பக்கத்தின் கூடுதல் அம்சங்கள் இருக்கும். இது மெல்லிய சீரழிவு எனும் வடிவமைப்பு மூலோபாயத்திற்கு எதிரானது. அந்த மூலோபாயம் மிகவும் நவீன உலாவிகளுக்கு பக்கங்களை உருவாக்குகிறது, பிறகு அவர்கள் குறைந்த செயல்பாட்டு உலாவிகளோடு நியாயமான முறையில் இயங்குவதை உறுதிசெய்கிறார்கள் - அனுபவம் "மனதார குறைகிறது." முற்போக்கான விரிவாக்கம் முதலில் குறைந்த திறனுள்ள உலாவிகளில் தொடங்கி அங்கு இருந்து அனுபவத்தை உருவாக்குகிறது.

முற்போக்கான விரிவாக்கம் எப்படி பயன்படுத்துவது

முற்போக்கான விரிவாக்கத்தை பயன்படுத்தி ஒரு வலை வடிவமைப்பு உருவாக்கும் போது, ​​நீங்கள் செய்யப்போகும் முதல் விஷயம் இணைய உலாவிகளின் மிகக் குறைந்த பொதுவான வகுப்பிற்கான ஒரு வடிவமைப்பு உருவாக்க வேண்டும். அதன் முக்கிய, முற்போக்கான விரிவாக்கம் உங்கள் உள்ளடக்கமானது எல்லா இணைய உலாவிகளுக்கும் கிடைக்க வேண்டும் என்று கூறுகிறது, ஒரு துணை-தொகுப்பு மட்டும் இல்லை.இதனால் தான் இந்த பழைய, காலாவதியான மற்றும் குறைவான திறனான உலாவிகளுக்கு ஆதரவளிப்பதன் மூலம் தொடங்குகிறது.நீ நன்றாக வேலை செய்யும் ஒரு தளத்தை உருவாக்கினால் அவர்களுக்காக, எல்லா பார்வையாளர்களுக்கும் குறைந்தபட்சம் ஒரு பொருந்தக்கூடிய அனுபவத்தை வழங்குவதற்கு ஒரு தளத்தை நீங்கள் உருவாக்கியுள்ளீர்கள் என்பதை நீங்கள் அறிவீர்கள்.

முதலில் குறைந்தபட்ச திறன் கொண்ட உலாவிகளில் தொடங்கும் போது, ​​உங்கள் HTML அனைத்து செல்லுபடியாகும் மற்றும் சொற்பொருளியல் சரியானதாக இருக்க வேண்டும் என்பதை உறுதிப்படுத்த வேண்டும். இது பரந்த பல்வேறு பயனர் முகவர்கள் பக்கத்தை பார்வையிட மற்றும் துல்லியமாக காட்ட முடியும் என்பதை உறுதிசெய்ய உதவும்.

காட்சி வடிவமைப்பு பாணிகள் மற்றும் மொத்த பக்கம் அமைப்பை வெளிப்புற பாணி தாள்கள் பயன்படுத்தி சேர்க்க வேண்டும் என்பதை நினைவில் கொள்ளுங்கள். உண்மையில் இது முற்போக்கான விரிவாக்கம் நடைபெறுகிறது. எல்லா பார்வையாளர்களுக்கும் வேலை செய்யும் தளம் வடிவமைப்பை உருவாக்க நீங்கள் நடை தாளைப் பயன்படுத்துகிறீர்கள். பயனர் முகவர்கள் செயல்பாட்டைப் பெறுவதற்கு, பக்கத்தை அதிகரிக்க நீங்கள் கூடுதல் பாணியைச் சேர்க்க முடியும். அனைவருக்கும் அடித்தள பாணிகளை பெறுகிறது, ஆனால் எந்தவொரு மேம்பட்ட மற்றும் நவீன பாணியை ஆதரிக்கும் எந்தவொரு செய்தி உலாவிகளுக்கும், அவை கூடுதல் கூடுதல் கிடைக்கும். நீங்கள் அந்த பாணியை ஆதரிக்கும் உலாவிகளுக்கான "முற்போக்கான மேம்பாடு".

நீங்கள் முற்போக்கான விரிவாக்கம் விண்ணப்பிக்க முடியும் என்று ஒரு சில வழிகள் உள்ளன. முதல் ஆஃப், நீங்கள் CSS ஒரு வரி புரிந்து இல்லை என்றால் ஒரு உலாவி என்ன கருத்தில் கொள்ள வேண்டும் - அது புறக்கணிக்கிறது! இது உண்மையில் உங்கள் ஆதரவில் வேலை செய்கிறது. நீங்கள் அனைத்து உலாவிகளும் புரிந்து கொள்ளக்கூடிய பாணியின் அடிப்படை அமைப்பை உருவாக்கினால், நீங்கள் புதிய உலாவிகளுக்கு கூடுதல் பாணியை சேர்க்கலாம். அவர்கள் பாணியை ஆதரித்தால், அவர்கள் அவற்றைப் பயன்படுத்துவார்கள். இல்லையென்றால், அவர்கள் அவற்றை புறக்கணித்துவிட்டு அந்த அடிப்படை பாணியைப் பயன்படுத்துவார்கள். முற்போக்கான விரிவாக்கத்தின் ஒரு எளிய உதாரணம் இந்த CSS இல் காணலாம்:

. உள்ளடக்கம் {
பின்னணி: # 999;
பின்னணி: rgba (153,153,153, .75);
}

இந்த பாணி முதலில் ஒரு க்ரியிஷ் நிறத்திற்கு பின்னணி அமைக்கிறது. இரண்டாவது விதி RGBA வண்ண மதிப்புகளை வெளிப்படைத்தன்மை அளவை அமைக்க பயன்படுத்துகிறது. ஒரு உலாவி RGBA க்கு துணைபுரிகிறது என்றால், அது முதல் பாணியை இரண்டாவது மாற்றியமைக்கும். அது இல்லையென்றால், முதல் ஒரு மட்டுமே பயன்படுத்தப்படும். நீங்கள் ஒரு அடிப்படை வண்ணம் அமைக்க பின்னர் மேலும் நவீன உலாவிகளுக்கு கூடுதல் பாணியை சேர்க்க வேண்டும்.

அம்சம் கேள்விகளைப் பயன்படுத்துதல்

முற்போக்கான விரிவாக்கத்தை நீங்கள் பயன்படுத்தலாம் மற்றொரு வழி "அம்சம் வினவல்கள்" என அறியப்படும். இவை ஊடக கேள்விகளுக்கு ஒத்திருக்கிறது, இவை பதிலளிக்கக்கூடிய வலைத்தள வடிவமைப்புகளின் ஒரு முக்கியமான பகுதியாகும். குறிப்பிட்ட திரை அளவுகளுக்கு ஊடக வினவல்கள் உரை போது, ​​அம்சம் வினவல்கள் ஒரு குறிப்பிட்ட அம்சம் ஆதரிக்கப்பட்டுள்ளதா அல்லது இல்லையா என்பதைப் பார்க்கும். நீங்கள் பயன்படுத்தக்கூடிய தொடரியல்:

@ ஆதாரங்கள் (காட்சி: நெகிழ்வு) {}

ஃப்ளெக்ஸ் பாக்ஸிற்கான பாணிகளைக் கொண்டிருக்கும் "உலாவி" க்கு ஆதரவாக இருந்தால், இந்த உலாவியில் நீங்கள் சேர்க்கும் எந்த பாணியும் மட்டுமே வேலை செய்யும். நீங்கள் அனைவருக்கும் ஒரு விதிமுறைகளை அமைக்கலாம், பின்னர் தேர்ந்தெடுத்த உலாவிகளுக்கு மட்டும் கூடுதல் அம்சங்களை சேர்க்க அம்ச அம்சங்களைப் பயன்படுத்தலாம்.

ஜெனிபர் கிரைனின் அசல் கட்டுரை. 12/13/16 அன்று ஜெர்மி ஜாராரால் திருத்தப்பட்டது.