Vivinjari vya wavuti vimekuwa karibu kwa muda mrefu kama tovuti zina. Kwa kweli, browsers ni kiungo muhimu katika uzoefu au watu wanaotafuta tovuti yako - lakini sio wote browsers hutengenezwa sawa. Inawezekana kabisa (na kwa kweli hakika) kuwa na wateja wanaotafuta kurasa zako za wavuti katika vivinjari ambavyo ni vya kale sana na hazipo sifa ambazo hupatikana katika vivinjari vya kisasa zaidi. Hii inaweza kusababisha matatizo makubwa kama unavyojitahidi kuendeleza tovuti ambazo zinatumia maendeleo ya hivi karibuni kwenye kubuni na maendeleo ya tovuti . Ikiwa mtu anakuja kwenye tovuti yako akitumia mojawapo ya vivinjari vya zamani, na mbinu zako za hivi karibuni hazifanyi kazi kwao, unaweza kuwa na uzoefu mdogo kwa ujumla. Kuimarisha kwa maendeleo ni mkakati wa utunzaji wa ukurasa wa wavuti kwa vivinjari mbalimbali, yaani wale browsers zamani ambao hawana msaada wa kisasa.
Kuimarisha kwa maendeleo ni njia ya kuunda kurasa za wavuti ili zaidi inajumuisha wakala wa mtumiaji, zaidi ya ukurasa wa wavuti utakuwa nayo. Ni kinyume cha mkakati wa kubuni unaojulikana kama uharibifu wa neema . Mkakati huo hujenga kurasa za browsers kisasa zaidi na kisha kuhakikisha kwamba pia hufanya vizuri kwa vivinjari vya chini vya kazi - kwamba uzoefu "huharibika kwa upole." Kuimarisha maendeleo huanza na browsers chini ya uwezo kwanza na hujenga uzoefu kutoka huko.
Jinsi ya kutumia Uboreshaji Endelevu
Unapounda kubuni wavuti ukitumia kukuza maendeleo, jambo la kwanza utafanya ni kujenga mpango unaofanya kazi kwa daraja la kawaida zaidi la vivinjari vya wavuti. Kwa msingi wake, kuimarisha maendeleo kunasema kuwa maudhui yako yanapaswa kuwa inapatikana kwa browsers zote za wavuti, si tu kuweka ndogo.Hiyo ndiyo huanza kwa kuunga mkono browsers zamani, zisizopita, na zisizo na uwezo zaidi.Kama ununda tovuti ambayo inafanya kazi vizuri kwao, unajua umeunda msingi ambao unapaswa kutoa angalau uzoefu unaofaa kwa wageni wote.
Wakati wa kuanza na browsers angalau uwezo kwanza, unataka kuhakikisha kwamba HTML yako yote lazima kuwa halali na semantically sahihi. Hii itasaidia kuhakikisha kuwa aina mbalimbali za mawakala wa watumiaji wanaweza kutazama ukurasa na kuzionyesha kwa usahihi.
Kumbuka kwamba mitindo ya kubuni ya visu na mpangilio wa ukurasa wa jumla huongezwa kwa kutumia karatasi za nje za mtindo . Hii ni kweli ambapo kukuza kwa maendeleo kunatokea. Unatumia karatasi ya mtindo ili kuunda muundo wa tovuti unaofanya kazi kwa wageni wote. Unaweza kisha kuongeza mitindo ya ziada ili kuboresha ukurasa kama mawakala wa watumiaji wanapata utendaji. Kila mtu anapata mitindo ya msingi, lakini kwa vivinjari vyovyote vya habari vinaweza kuunga mkono mitindo ya juu zaidi na ya kisasa zaidi, hupata ziada. Unaendelea "kuboresha" ukurasa wa wavuti ambao wanaweza kuunga mkono mitindo hiyo.
Kuna njia chache ambazo unaweza kutumia kuimarisha maendeleo. Kwanza, unapaswa kuzingatia kile kivinjari kinachofanya ikiwa haijui mstari wa CSS - inachukia! Hii inafanya kazi kwa kibali chako. Ikiwa unapata seti ya msingi ya mitindo ambayo vivinjari vyote vinaelewa, unaweza kisha kuongeza mitindo ya ziada kwa vivinjari vipya. Ikiwa wanaunga mkono mitindo, wataiweka. Ikiwa sio, watawapuuza na kutumia tu mitindo ya msingi. Mfano rahisi wa kuimarisha maendeleo unaweza kuonekana katika CSS hii:
.main-maudhui {
background: # 999;
background: rgba (153,153,153, .75);
}
Mtindo huu kwanza huweka background kwenye rangi ya rangi ya rangi. Utawala wa pili hutumia maadili ya rangi ya RGBA kuweka kiwango cha uwazi. Ikiwa kivinjari kinaunga mkono RGBA, itazidisha mtindo wa kwanza na pili. Ikiwa haifai, tu ya kwanza itatumika. Umeweka rangi ya msingi na kisha ukaongeza mitindo ya ziada kwa vivinjari zaidi vya kisasa.
Kutumia Maswala ya Makala
Njia nyingine unaweza kutumia kuimarisha maendeleo ni kutumia kile kinachojulikana kama "maswali ya kipengele". Hizi ni sawa na maswali ya vyombo vya habari , ambayo ni sehemu muhimu ya miundo ya msikivu wa tovuti . Wakati maandishi ya maswali ya vyombo vya habari kwa ukubwa fulani wa skrini, maswali ya vipengele utaangalia ili kuona ikiwa kipengele fulani kinasaidiwa au la. Syntax unayoweza kutumia ni:
@supports (kuonyesha: flex) {}Mitindo yoyote uliyoongeza ndani ya utawala huu ingekuwa tu kazi kama kivinjari hicho kikiunga mkono "flex", ambayo ni mitindo ya Flexbox. Unaweza kuweka seti moja ya sheria kwa kila mtu na kisha utumie maswali ya kipengele ili kuongeza ziada kwa vivinjari vya kuchagua tu.
Makala ya awali na Jennifer Krynin. Iliyotengenezwa na Jeremy Girard mnamo 12/13/16.