ప్రోగ్రెసివ్ వృద్ధి

వెబ్సైట్లు ఉన్నంత వరకు వెబ్ బ్రౌజర్లు చుట్టూ ఉన్నాయి. నిజానికి, బ్రౌజర్లు మీ సైట్ను వీక్షించే అనుభవం లేదా ముఖ్యమైన అంశంగా ఉంటాయి - కానీ అన్ని బ్రౌజర్లు సమానంగా సృష్టించబడవు. చాలా పాత బ్రౌజర్లలో కనిపించే లక్షణాలను చాలా పాతదిగా మరియు విస్మరించిన బ్రౌజర్లలో మీ వెబ్ పేజీలను వీక్షించే వినియోగదారులు పూర్తిగా (మరియు వాస్తవానికి చాలావరకు) సాధ్యమవుతుంది. వెబ్సైట్ రూపకల్పన మరియు అభివృద్ధిలో తాజా పురోగమనాల ప్రయోజనాలను పొందగల వెబ్సైటులను అభివృద్ధి చేయడానికి మీరు ప్రయత్నిస్తున్నప్పుడు ఇది ముఖ్యమైన సమస్యలను కలిగిస్తుంది. ఎవరైనా మీ సైట్కు ఆ యాంటిక్వర్డ్ బ్రౌజర్లలో ఒకదానిని వస్తే, మీ తాజా ఆధునిక పద్ధతులు వాటి కోసం పనిచేయవు, మీరు మొత్తం పేద అనుభవాన్ని అందించవచ్చు. ప్రోగ్రెసివ్ వృద్ది అనేది వివిధ బ్రౌజర్ల కోసం వెబ్ పేజీ డిజైన్ నిర్వహణ యొక్క వ్యూహం, అవి ఆధునిక మద్దతు లేని పాత బ్రౌజర్లు.

ప్రోగ్రెసివ్ వృద్ది అనేది వెబ్ పేజీలను రూపకల్పన చేసే ఒక మార్గం, తద్వారా మరిన్ని ఫీచర్లను ఒక ఏజెంట్ మద్దతు ఇస్తుంది, వెబ్ పేజీని కలిగి ఉన్న మరిన్ని లక్షణాలు. మనోహరమైన అధోకరణం అని పిలువబడే రూపకల్పన వ్యూహంలో ఇది వ్యతిరేకం. ఆ వ్యూహం చాలా ఆధునిక బ్రౌజర్ల కోసం పేజీలను రూపొందిస్తుంది మరియు అప్పుడు వారు కూడా తక్కువ ఫంక్షనల్ బ్రౌజర్లతో సహేతుకంగా బాగా పని చేస్తారని నిర్ధారిస్తుంది - అనుభవం "సరళంగా క్షీణిస్తుంది." ప్రోగ్రెసివ్ వృద్ది మొదట తక్కువ సామర్ధ్యపు బ్రౌజర్లతో మొదలవుతుంది మరియు అక్కడ నుండి ఒక అనుభవాన్ని పెంచుతుంది.

ప్రోగ్రసివ్ వృద్ధిని ఎలా ఉపయోగించాలి

మీరు ప్రగతిశీల విస్తరణను ఉపయోగించి ఒక వెబ్ డిజైన్ను రూపొందించినప్పుడు, మీరు చేయబోయే మొదటి విషయం ఏమిటంటే, వెబ్ బ్రౌజర్స్ యొక్క అత్యల్ప సాధారణ హారం కోసం పనిచేసే డిజైన్ను సృష్టించడం. దాని ప్రధాన, ప్రగతిశీల వృద్ది మీ కంటెంట్ అన్ని వెబ్ బ్రౌజర్లకు అందుబాటులో ఉండవలసి ఉంటుంది, కేవలం ఒక సబ్-సెట్ మాత్రమే కాదు. ఈ పాత, గడువు ముగిసిన మరియు తక్కువ సామర్ధ్యంగల బ్రౌజర్లకు మద్దతు ఇవ్వడం ద్వారా మీరు మొదలవుతుంటాయి. వారి కోసం, మీరు అన్ని సందర్శకులకు కనీసం ఉపయోగకరమైన అనుభవాన్ని పంపిణీ చేసే ఆధారాన్ని సృష్టించారని మీకు తెలుసు.

మొదట కనీసం సామర్ధ్యం ఉన్న బ్రౌజర్లతో మొదలుపెట్టినప్పుడు, మీరు మీ అన్ని HTML చెల్లుబాటు అయ్యే మరియు సెమాంటిక్ సరైనదని నిర్ధారించుకోవాలి. ఇది వినియోగదారుల ఎజెంట్ యొక్క విశాల రకాలు పేజీని వీక్షించగలదు మరియు దానిని సరిగ్గా ప్రదర్శించగలరని నిర్ధారిస్తుంది.

బాహ్య శైలి షీట్లు ఉపయోగించి దృశ్య రూపకల్పన శైలులు మరియు మొత్తం పేజీ లేఅవుట్ జోడించిన గుర్తుంచుకోండి. ప్రగతిశీల విస్తరణ జరుగుతున్నది నిజంగానే. అన్ని సందర్శకులకు పనిచేసే సైట్ డిజైన్ను సృష్టించడానికి మీరు శైలి షీట్ను ఉపయోగిస్తున్నారు. మీరు యూజర్ ఎజెంట్ కార్యాచరణను పొందడం వంటి పేజీని విస్తరించేందుకు అదనపు శైలులను జోడించవచ్చు. అందరూ baselines శైలులు గెట్స్, కానీ మరింత ఆధునిక మరియు మరింత ఆధునిక శైలులు మద్దతు ఏ వార్తా బ్రౌజర్లు కోసం, వారు కొన్ని అదనపు పొందండి. మీరు ఆ శైలులకు మద్దతివ్వగల బ్రౌజర్ల కోసం "ప్రగతిశీల విస్తరణ".

ప్రగతిశీల విస్తరణకు మీరు కొన్ని మార్గాలు ఉన్నాయి. మొదట, ఇది CSS యొక్క ఒక అవగాహనను అర్థం చేసుకోకపోతే ఒక బ్రౌజర్ ఏమి చేయాలో మీరు పరిగణించాలి - ఇది విస్మరిస్తుంది! ఇది నిజానికి మీ అనుకూలంగా పనిచేస్తుంది. మీరు అన్ని బ్రౌజర్లు అర్థం ఆ శైలులు ఒక బేస్ లైన్ సెట్ ఉంటే, అప్పుడు మీరు కొత్త బ్రౌజర్ల కోసం అదనపు శైలులు జోడించవచ్చు. వారు శైలులకు మద్దతు ఇస్తే, వారు వాటిని వర్తింపజేస్తారు. లేకపోతే, వారు వాటిని విస్మరిస్తారు మరియు కేవలం ఆ బేస్లైన్ శైలులను ఉపయోగిస్తారు. ప్రగతిశీల విస్తరణకు ఒక సరళమైన ఉదాహరణ ఈ CSS లో చూడవచ్చు:

.ప్రధాన కంటెంట్ {
నేపథ్య: # 999;
నేపథ్యం: rgba (153,153,153, .75);
}

ఈ శైలి మొదట నేపథ్య రంగును ఒక శరవేగ రంగులో అమర్చుతుంది. పారదర్శకత స్థాయిని సెట్ చేయడానికి రెండవ నిబంధన RGBA రంగు విలువలను ఉపయోగిస్తుంది. ఒక బ్రౌజర్ RGBA కి మద్దతిస్తే, అది రెండవ శైలితో మొదటి శైలిని భర్తీ చేస్తుంది. అది కాకపోతే, మొదటిది మాత్రమే వర్తించబడుతుంది. మీరు ఒక బేస్లైన్ రంగు సెట్ చేసి, ఆపై మరిన్ని ఆధునిక బ్రౌజర్ల కోసం అదనపు శైలులను జోడించారు.

ఫీచర్ ప్రశ్నలు ఉపయోగించి

మీరు ప్రగతిశీల విస్తరణకు దరఖాస్తు చేసుకోగల మరొక మార్గం, "ఫీచర్ ప్రశ్నలు" గా పిలవబడే వాటిని ఉపయోగించడం. ఇవి మీడియా ప్రశ్నలకు సారూప్యంగా ఉంటాయి, ఇవి ప్రతిస్పందించే వెబ్సైట్ డిజైన్ల యొక్క ముఖ్యమైన భాగం. నిర్దిష్ట స్క్రీన్ పరిమాణాల కోసం మీడియా ప్రశ్నలు టెక్స్ట్ అయితే, ఫీచర్ ప్రశ్నలు ఒక నిర్దిష్ట ఫీచర్ మద్దతు లేదా లేదో చూడటానికి తనిఖీ చేస్తుంది. మీరు ఉపయోగించే సింటాక్స్:

@ మద్దతు (ప్రదర్శన: వంచు) {}

Flexbox కోసం శైలులు ఇది "ఫ్లెక్స్", మద్దతు ఆ బ్రౌజర్ ఉంటే మీరు ఈ నియమం లోపల జోడించారు ఏ శైలులు మాత్రమే పని చేస్తుంది. మీరు ప్రతి ఒక్కరికి నియమాల సెట్ను సెట్ చేసి, ఆపై ఎంచుకున్న బ్రౌసర్లకు అదనపు జోడించడానికి ఫీచర్ ప్రశ్నలను ఉపయోగించవచ్చు.

జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. జెరెమీ గిరార్డ్ చేత 12/13/16 న సవరించబడింది.